Javascript 以宽度为中心的布局中的柱数限制

我在这个问题上挣扎了一段时间； 我正在创建此布局：

我的问题是我不能设置每行元素的最大数量； 我的意思是，当浏览器调整大小时，列数会调整，但我希望最大值为4

这似乎是个老生常谈的问题， 为什么没有这样做的选择？ 另一种方法是设置边距或其他东西，但isFitWidth不适用于特定的宽度或边距

这是密码

   $('#container').imagesLoaded( function(){
  $('#container').masonry({
   itemSelector: '.item',
   isAnimated: true,
   columWidth: 270,
   gutter: 18,
   transitionDuration: 0,
   isFitWidth: true
  });
});

css很简单，就像isFitWidth选项一样

#container{ margin: 100px auto; }

---

如果希望最大列数为4列，则将砌体容器包装在另一个dev中，并为该div指定最大宽度为4*列宽

像这样：

<div class="masonry_container">
 <div id="container">
 masonry stuff here
 </div>
</div>

.masonry_container {
max-width: 1080px; /* 4* masonry column width  */
}

---

如果希望最大列数为4列，则将砌体容器包装在另一个dev中，并为该div指定最大宽度为4*列宽

像这样：

<div class="masonry_container">
 <div id="container">
 masonry stuff here
 </div>
</div>

.masonry_container {
max-width: 1080px; /* 4* masonry column width  */
}

---

对不起，我用它编辑了我的答案。对不起，我用它编辑了我的答案