如何集中砌体物品？

我已经设置了砖石来显示物品：

$('#list').masonry({ itemSelector: '.propitem', columnWidth: 230 }); 

这有效，但所有项目（ .propitem ）都向左浮动。 例如，如果我的容器#list是600px宽，那么左边会有两列，但是剩下的140px就是它们右边的一个间隙。 我想将两列的中心放在一边，每边有一个70px的“边距”。

我曾尝试使用css来集中这些，但没有运气，例如：

 #list { text-align: center; } 

有谁知道实现这一目标的正确方法？

Answer 1

您需要使用fitWidth （或旧版本中的isFitWidth ）以及CSS来使其工作。 以下是参考： http ： //masonry.desandro.com/options.html#isfitwidth

 $('#list').masonry({ itemSelector: '.propitem', columnWidth: 230, fitWidth: true }); 

和

 #list { margin: 0 auto; }