html - 让 li 标签全部洗牌

Question

是否可以使 ul 标签中的所有 li 项目彼此对齐，而不是它们都对齐最长。我知道这没有多大意义，所以我做了一个例子！哈哈

http://jsfiddle.net/S4GhV/1/

我的意思是，我希望第二行的框位于第一行的框下方，例如，第二行的第二个框紧贴在第一行的第二个框下方，而不是对齐到第 2 行的第一个框水平。与框 3 相同。

希望这是有道理的！

Answer 1

这是关于 SA 的一个非常常见的问题，答案几乎总是使用这个：

http://masonry.desandro.com/

恐怕没有纯 CSS 解决方案。

Answer 2

您可以通过模拟列获得所需的结果，但它涉及额外的 div：JSFiddle

此外，li {vertical-align: bottom;}会让所有东西都紧密排列，但它只适用于两行，可能不是你需要的。