css - 具有不同列高的多列布局

Question

对于可打印的布局，我想显示一个动态列表（来自一个数组），它应该“流动”通过 4 个不同高度的列，如下所示：

蓝色元素是包含列表 (ul) 的四列。蓝色柱子的高度是固定的。

如何使用 CSS 实现这一点？我查看了css中的多列，但列必须具有相同的高度，所以我猜这不起作用。

最好的方法是什么？如果它只适用于当前的网络浏览器，那很好。

标签： csscss-multicolumn-layout

Answer 1

我检查了 'flexbox' 和 'css-grid'，即使它可能是可以实现的，但我还是放弃了它。相反，我采取了另一种方式并更改了初始数组，以便我可以轻松地将其放置在不同的（现在未连接的）DIV 中。