从最后一列移除砌体上的排水沟

Question

我有一个流体响应同位素，砖石网格（也使用加载的图像 - 但不是在这个例子中），带有断点。

我想删除最后一个装订线列，因此右侧没有间距，所以它齐平 - 但我无法计算代码。

我在这里设置了一个例子： http://codepen.io/mattpark22/pen/yyzKgo

主要功能有：

colWidth = function () {
    $w = $container.width(), 
        columnNum = 1,
        columnWidth = 0;
    if ($w > 1400) {
        columnNum  = 7;
    } else if ($w > 1200) {
        columnNum  = 6;
    } else if ($w > 1000) {
        columnNum  = 5;
    } else if ($w > 800) {
        columnNum  = 4;
    } else if ($w > 600) {
        columnNum  = 3;
    } else if ($w > 300) {
        columnNum  = 2;
    }
    columnWidth = Math.floor($w/columnNum);
    $container.find('.isotope-item').each(function() {
        var $item = $(this),
            multiplier_w = $item.attr('class').match(/isotope-item-w(\d)/),
            multiplier_h = $item.attr('class').match(/isotope-item-h(\d)/),
            width = multiplier_w ? columnWidth*multiplier_w[1]-5 : columnWidth-5,
            height = multiplier_h ? columnWidth*multiplier_h[1]*0.45-5 : columnWidth*0.45-5;
        $item.css({
            width: width,
            height: height
        });
    });
    return columnWidth;
};
isotope = function () {
    $container.isotope({
        resizable: false,
        itemSelector: '.isotope-item',
        filter: hashFilter,
        masonry: {
            columnWidth: colWidth(),
            gutterWidth: 5
        }
    });
};

任何 ideas/tips 将不胜感激！

Answer 1

对于 Isotope v2，砌体 gutterWidth 选项已更改为 gutter。

http://codepen.io/desandro/pen/QwqmRO

$container.isotope({
  isResizeBound: false,
  itemSelector: '.isotope-item',
  filter: hashFilter,
  masonry: {
    columnWidth: colWidth(),
    gutter: 5
  }
});

此外，columnWidth 函数不再适用于 Isotope v2。使用 element sizing 代替

从最后一列移除砌体上的排水沟

Remove gutter on masonry from last column

jquery

jquery-isotope

jquery-masonry

fluid-layout

gutter