砌體中的列數限制是以寬度爲中心的佈局

Question

我在這個問題上掙扎了一段時間; 我創建這個佈局：

http://www.nomdeplume.it/layout_new/

，我的問題是，我不能設置每行元素的最大數量; 我的意思是列數適應瀏覽器調整大小，但我希望它最多爲4。

這似乎是一個平庸的問題， 爲什麼沒有一個選項來做到這一點？ 另一種方法是設置邊距或其他東西，但是，「寬度」不適用於特定的寬度或邊距。

這裏是代碼

$('#container').imagesLoaded(function(){ 
    $('#container').masonry({ 
    itemSelector: '.item', 
    isAnimated: true, 
    columWidth: 270, 
    gutter: 18, 
    transitionDuration: 0, 
    isFitWidth: true 
    }); 
}); 

的CSS很簡單，像isFitWidth選項

#container{ margin: 100px auto; } 

Answer 1

如果你想4列的最大列數然後包砌築容器其他開發人員和給這個div 4 *列寬的最大寬度。

這樣的：

<div class="masonry_container"> 
<div id="container"> 
masonry stuff here 
</div> 
</div> 

然後給容器中的最大寬度是這樣的：

.masonry_container { 
max-width: 1080px; /* 4* masonry column width */ 
}