html - 砌体排水沟

在我的页面中，我有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'
    });

最佳答案

问题似乎在于，列宽和装订线的宽度加起来不能填满所有容器的宽度。您可以尝试重新计算适合的列宽，以使较小的列包含几个虚拟列。或者对于简单（难看）的解决方案，只需尝试将columnWidth设置为10。