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 >>"同位素的方法可以扩展和覆盖,以补充其他功能."

Answer 2

通过"gutter"改变gutterWidth对我有用:

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