javascript - 垂直堆叠的动态网格布局

Question

我知道存在各种允许创建动态网格布局的 jquery 插件，但我似乎无法利用它们中的任何一个来创建自动排序的网格，这些网格在继续下一列之前填充单个列

我希望实现的目标(已编号的 block ):

_____________
|_1_| 3 |_5_|
| 2 |___|_6_|
|___|_4_|_7_|

编辑以添加详细信息:我希望垂直而不是水平地堆叠填充内容。大多数系统会把 2 放在我在上面的例子中放 3 的地方。

编辑 2:每个由数字表示的 block 都可以具有可变高度(基于内容)，我希望它为每个数字分配一列，使整个列的高度大致相等(或接近尽可能)到其他列

Answer 1

我相信同位素可以使用其 fitColumn 和 cellsByColumn 布局模式来做到这一点。

查看演示:http://isotope.metafizzy.co/demos/layout-modes.html