是什么导致这种 Pinterest 风格的列布局无法在 Firefox 上运行?
What causes this Pinterest-style column layout to not work on Firefox?
http://cssdeck.com/labs/css-only-pinterest-style-columns-layout
我已在 Explorer、Chrome 和 Safari 上成功尝试过此代码片段,但在 Firefox 39.0 版中布局只有一栏宽。这意味着有关列布局的某些内容 CSS 不理解。
如有任何帮助,我们将不胜感激。
看来 -moz-column-fill: auto
在 Firefox 中的表现不一样。如果您改为使用 -moz-column-fill: balance
,它似乎在 Chrome 和 Firefox 中都有效。它应该看起来相同,因为宽度是恒定的。
MDN page on column-fill 有更多信息。
http://cssdeck.com/labs/css-only-pinterest-style-columns-layout
我已在 Explorer、Chrome 和 Safari 上成功尝试过此代码片段,但在 Firefox 39.0 版中布局只有一栏宽。这意味着有关列布局的某些内容 CSS 不理解。
如有任何帮助,我们将不胜感激。
看来 -moz-column-fill: auto
在 Firefox 中的表现不一样。如果您改为使用 -moz-column-fill: balance
,它似乎在 Chrome 和 Firefox 中都有效。它应该看起来相同,因为宽度是恒定的。
MDN page on column-fill 有更多信息。