让li标签全部洗牌

Question

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

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

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

希望有意义!!

Answer 1

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

http://masonry.desandro.com/

我担心没有纯CSS解决方案。

Answer 2

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

此外，li {vertical-align: bottom;}会使所有内容间隔紧密，但它只适用于两行，可能不是您需要的。