如何集中砌体物品？

Question

我已设置砌体来显示项目：

$('#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;
}