如何将砌体项目居中？

我已经设置了砌体来显示项目，如下所示：

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

这有效，但所有项目（.propitem) 向左浮动。例如，如果我的容器#list宽度为 600 像素，左侧将有两列，但右侧有一个间隙，剩余 140 像素。我想将两列居中，两侧各有 70 像素的“边距”。

我尝试过使用 css 将它们居中，但没有运气，例如：

#list {
text-align: center;
}

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

你需要使用fitWidth（或者，在旧版本中，isFitWidth) 和 CSS 一起使其工作。这是参考：http://masonry.desandro.com/options.html#isfitwidth http://masonry.desandro.com/options.html#isfitwidth

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

and

#list {
  margin: 0 auto;
}