如何在砌体中订购 DOM？

Question

如何在砌体中订购 DOM？

这是我的代码，http://jsbin.com/niqasiqisi/1/edit?html,css,output

在此我想订购如下输入元素

[1]|[4]
[2]|[5]
[3]|[6]

如果我删除 [2]，则 [3] 应代替 [2]，而 [4] 应位于下方。如何使用砌体创建这样的布局。这样做的特点是什么？

Answer 1

如果您使用的是原始的 jQuery Masonry，那么您几乎无法保持秩序。 Take a look at the API documentation，你不会看到一次提到的订单。有一个原因 - 它的构建是为了最有效地对项目进行排序以提高布局效率，但会牺牲顺序。你在最狭小的空间里塞进了最多的东西。

尝试其他插件，我建议同一作者的 Isotope。它有several options 用于订购。