砌體附加天溝

Question

在我的頁面中，我有3個面板，列寬爲280px，天溝爲10px，左右面板寬度爲280px，中心面板的寬度爲560px，因此左面板的排水槽爲20px。

我怎樣才能刪除這個額外的陰溝並將其設置爲10px。圖片：

這些面板Java腳本：

var container2 = document.querySelector('#push-below'); 
    var msnry2 = new Masonry(container2, { 
     // options 
     columnWidth: 280, 
     gutter: 10, 
     itemSelector: '.panel' 
    }); 

Answer 1

的問題似乎是，列的寬度和排水溝寬度沒有增加，以填補所有容器的寬度。您可以嘗試重新計算列寬以適合，以便較小的列由多個虛擬列組成。或者對於簡單（和醜陋）的解決方案，只需設置columnWidth爲10.