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

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

Here is an example的代码具有固定的宽度,中心很好.

和here is an example的更流畅的例子,我试图居中但边缘：0自动无法正常工作.

解决方法

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

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

此参数将设置容器的宽度值,这将允许您使用CSS使容器居中：

.container {
  margin: 0 auto;
}