我怎样才能在砌体中订购 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，你不会看到一次提到的订单。这是有原因的——它的构建是为了最有效地对项目进行排序以提高布局效率，但以牺牲顺序为代价。你在最紧的地方干扰了最多的东西 space。

试试另一个插件，我建议使用同一作者的 Isotope。它有 several options 用于订购。