具有不同列高的多列布局

对于可打印的布局,我想显示一个动态列表(来自数组),该列表应“流经”不同高度的4列,如下所示:

enter image description here

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

如何使用CSS实现呢?我查看了CSS中的多列,但是列必须具有相同的高度,所以我猜这行不通。

最好的方法是什么?如果它仅适用于当前的网络浏览器,那就很好。

评论
墨oo
墨oo

You can achieve this using Flexbox. If you don't know about flexbox here is a very simple tutorial on that Flexbox tutorial.

除此之外,您可以使用引导程序库。但我想建议您使用flexbox。

点赞
评论