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

Question

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

Here is an example固定宽度的代码居中就好了。

和here is an example我试图居中但 margin:0 auto 不工作的更流畅的例子。

Answer 1

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

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

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

.container {
  margin: 0 auto;
}