Jquery 垂直排列div，但如果需要，则进行环绕

我试图找出一种在屏幕左侧垂直排列div的方法，但是如果浏览器窗口的大小被调整，即变小，那么我希望div重新排列，以便它们开始填充第二列

此外，我希望强制执行最小行数的div，例如，如果调整浏览器的大小并使其高度非常小，则不会重新排列div，从而占用大量列

我很确定我会用jQuery来完成这项工作，但我不知道从哪里开始寻找，如果有任何提示，我将非常感激。到目前为止，在我的研究中，我遇到了一个名为“砖石”的插件，但不清楚它是否能满足我的要求

非常感谢

---

Ed

砌石是一个很好的框架，我想这是对你问题的答案。 请看CellsByColumn方法：

您还可以在此处看到代码笔示例：

---

您可以使用css媒体查询使div适应设备屏幕，谢谢您的建议-最后，我决定发出一个AJAX请求，在每次调整浏览器大小时将浏览器高度发送到服务器端脚本

然后，我的服务器端脚本进行了一些代数运算，根据浏览器高度创建了一个具有一定行数和列数的HTML表。然后我在每个表格单元格中放置一个图标

layoutMode: 'cellsByColumn',
cellsByColumn: {
  columnWidth: 110,
  rowHeight: 110
}