是否可以组合同位素列移动布局和居中项目?

时间:2013-04-17 14:28:31

标签: jquery-isotope

当我尝试组合Isotope Centered布局和Column Shift布局时,我无法使元素居中。

以下示例:
居中布局(工作正常) - http://www.fiveblackcats.com/cl/stack/centered.html
列移动布局(正常工作) - http://www.fiveblackcats.com/cl/stack/column_shift.html
两者的组合(列移位仍然正常,但元素不居中) - http://www.fiveblackcats.com/cl/stack/column_shift.html

如果有人能指出我在这里缺少的东西,我会很感激。

提前致谢!

1 个答案:

答案 0 :(得分:0)

执行此操作的唯一方法是正确合并2个布局。

我已经做到了,但根本不干净。它需要主要的重构来避免重复变量。但它确实有效。

$container.isotope({
    itemSelector : '.item',
    layoutMode: 'masonryColumnShift',
    masonry : {
      columnWidth : 292,
      gutterWidth: 10
    }
})

您可以在此处查看:http://jsfiddle.net/Spope/AwMZ9/

如果可以,我会尽力清理它。