與圖像

Question

jQuery的砌體流體佈局我發起砌體這樣的：

container.imagesLoaded(function() { 
     container.masonry({ 
      itemSelector: '.my-brick', 
      columnWidth: function (containerWidth) { 
       return (containerWidth - 80)/4; 
      } 
     }); 
}); 

問題是.my-brick包含更寬那麼應該怎樣計算columnWidth中的圖像。我本以爲該腳本會將項目的width CSS屬性設置爲columnWidth，但它不會使列的寬度與圖片一樣寬。

這是預期的行爲？

Answer 1

是的。你必須用CSS設置.my-brick寬度。

建議使用網格系統。

columnWidth選項用於設置動態列寬，如果您的佈局具有多列寬度的項目元素，並且按列表示該項目在DOM中設置的絕對位置。它使用columnWidth來確定項目之間的距離。如果沒有設置columnWidth，則它將採用第一項的尺寸