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

标签 javascript jquery css

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

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

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

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

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

最佳答案

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

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

关于javascript - 垂直堆叠的动态网格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20130479/

相关文章:

javascript - 如何将 Angular2 Material 添加到 Angular-CLI 中?

javascript - 图像遮挡了我的可点击 div

javascript - <meta> 标签是否必须在支持 i18n 的站点上进行翻译?

javascript - Jquery Ajax不向php服务器发送数据

css - 在列表中正确包装文本

javascript - String Flowtype 中缺少属性映射

javascript - 将标准 jQuery 事件与 SlickGrid 结合使用

javascript - 大图片无法上传Ajax/Jquery,FormData为空

当有两个 UL 时,CSS 以最后一个 UL 为目标

html - 为什么 anchor 按钮超出包装边界?