在多列网格中，如何限制每列中的项目数

Question

我正在使用css属性column-count创建一个无缝响应网格，我希望显示5列，每列的限制具有相同数量的项目（例如每列限制为4个项目），但不能在css中找到这样的属性。

Answer 1

这可以通过使用Jquery Masonry

来实现

什么是砌体？

Masonry是一个JavaScript网格布局库。它的工作原理是根据可用的垂直空间将元素放置在最佳位置，有点像石膏在墙上贴合石头。你可能已经在互联网上看到过它。

使用方法：

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