CSS使各种高度和宽度的div通过“雏鸟”占用尽可能小的空间

Question

您好我正在努力让一堆各种高度的div浮动到最佳位置，以便尽可能占用尽可能少的空间。我已经尝试使用内联块，其中vertical-align设置为top，以及将所有内容浮动到左侧。 div正在偎依（有点），但不时留下很大的空白。是否有一种方法用css（或javascript，如果有必要）将这些div组织在一起，就像没有间隙的瓷砖一样？ （或可能的最小间隙）

感谢

Answer 1

与http://iam.beyonce.com/上的图片一样？

如果是，请查看jQuery Masonry上的演示并了解如何解决该问题。

Answer 2

或者对Masonry的大姐姐Isotope大放异彩。在Masonry之上，她还有很多其他技巧，例如分类和过滤物品等等。