CSS flex-向上移动以填充垂直空间[复制]

我需要实施一个公平的厂外砖石布局。但是,出于许多原因,我不想使用JavaScript来完成这项工作。

参数:

• 元素的高度无法在服务器端计算(图像加上不同数量的文本)
• 如果必须的话,我可以忍受固定数量的专栏

the column-count property.

该解决方案的问题是元素按列排序:

我尝试过的方法不起作用:

• 制作项目 display: inline-block wastes vertical space.
• 制作项目 float: left : lol, no.

现在我 更改服务器端的呈现并重新排序将项目数除以列数的项目,但这很复杂,容易出错(基于浏览器决定如何将项目列表拆分为列),因此我希望尽可能避免这种情况。