当我尝试组合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
如果有人能指出我在这里缺少的东西,我会很感激。
提前致谢!
答案 0 :(得分:0)
执行此操作的唯一方法是正确合并2个布局。
我已经做到了,但根本不干净。它需要主要的重构来避免重复变量。但它确实有效。
$container.isotope({
itemSelector : '.item',
layoutMode: 'masonryColumnShift',
masonry : {
columnWidth : 292,
gutterWidth: 10
}
})
您可以在此处查看:http://jsfiddle.net/Spope/AwMZ9/
如果可以,我会尽力清理它。