javascript - 多列网格中，如何限制每列的元素数

Question

我正在使用 css 属性 column-count 在无缝响应网格上工作，我想显示 5 列，并限制每列具有相同数量的元素(例如每列限制为 4 个元素)，但不能在 css 中找到这样的属性。

Answer 1

这可以通过使用 Jquery 来实现 Masonry

什么是砌体？

Masonry 是一个 JavaScript 网格布局库。它的工作原理是根据可用的垂直空间将元素放置在最佳位置，有点像泥瓦匠在墙上安装石头。您可能已经在整个 Internet 上看到过它的使用。

使用方法:

$(function(){
  $('#container').masonry({
    // options
    itemSelector : '.item',
    columnWidth : 240
  });
});