css - 使用 Masonry 将一组图像居中

Question

我在一组图像上使用 Masonry.js 并试图使整个组居中。当我指定容器网格的宽度并设置时，我已经让组居中margin:0 auto，但我希望使用更流畅的网格或百分比来居中。（我意识到我可以使用媒体查询来更改固定宽度，但要寻找更无缝的选项。）

这是一个具有固定宽度的代码示例，它可以很好地居中。

这是一个更流畅的例子，我试图集中但margin:0 auto没有工作。

Answer 1

isFitWidth您可以使用参数居中砌体布局：http: //masonry.desandro.com/demos/centered.html

$('.container').masonry({ isFitWidth: true });

此参数将width在容器上设置值，这将允许您使用 CSS 将容器居中：

.container {
  margin: 0 auto;
}