砌体额外的排水沟

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.