砌体额外排水沟

Question

在我的页面中，我有 3 个面板，列宽为 280 像素，间距为 10 像素，左右面板宽度为 280 像素，中间面板的宽度为 560 像素，因此，左侧面板的间距为 20 像素。

我怎样才能删除这个多余的装订线并将其设置为 10 像素。图片是：

这些面板的java脚本：

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

Answer 1

问题似乎是列宽和装订线宽度加起来并不能填满所有容器的宽度。您可以尝试重新计算列宽以适应，以便较小的列由几个虚拟列组成。或者对于简单（且丑陋）的解决方案，只需尝试将 columnWidth 设置为 10。