jQuery Masonry / Isotope上的装订线宽度不起作用

Question

我试图在我的Div之间获得10px的装订线宽度，但它似乎没有应用。同位素脚本正在工作，因为项目随机播放，我也有一个过滤导航工作。

我只是在努力争取这个天沟！ ：（

下面是代码：

    $('#main-project-grid').isotope({
        masonry: {
            columnWidth: 313,
            gutterWidth: 10
        }
    });

这是我的HTML：

    <div class="container" id="main">
        <div class="container-content" id="main-grid">

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

        </div>      
    </div>

Answer 1

我有同样的问题;我做了一个jsfiddle来测试你的例子： http://jsfiddle.net/elektrorl/5W5HQ/

编辑：http://isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes＆gt;＆gt; “同位素的方法可以扩展和覆盖，以补充其他功能。”

Answer 2

通过“gutter”改变gutterWidth对我有用：

$('#main-project-grid').isotope({
    masonry: {
        columnWidth: 313,
       "gutter": 10
    }
});