我需要实施一个公平的厂外砖石布局。但是,出于许多原因,我不想使用JavaScript来完成这项工作。
参数:
-
所有元素的宽度都相同
-
元素的高度无法在服务器端计算(图像加上不同数量的文本)
-
如果必须的话,我可以忍受固定数量的专栏
在现代浏览器中有一个简单的解决方案,
the
column-count
property.
该解决方案的问题是元素按列排序:
虽然我需要按顺序排列的元素,但至少大约是:
我尝试过的方法不起作用:
现在我
能够
更改服务器端的呈现并重新排序将项目数除以列数的项目,但这很复杂,容易出错(基于浏览器决定如何将项目列表拆分为列),因此我希望尽可能避免这种情况。
有什么新奇的flexbox魔法使这成为可能吗?