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