使用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;
}