使用砌體居中一組圖像

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