html - 使 div 适合可用空间？

Question

<分区>

Answer 1

您始终可以使用 CSS3 列，就像这样:

<!-- html -->
.container>.item*5{lorem}

<!-- css -->
.container { column-count: 3; column-gap: 1em; }
.container .item { column-break-inside: avoid; }

看看这个Example

显然，唯一的缺点是浏览器支持，因为很多浏览器还不支持这个东西，所以你应该回退到 javascript 解决方案，比如 Masonry应该工作得很好。