Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery isotope 是否可以将Shift布局和居中项组合在一起?_Jquery Isotope - Fatal编程技术网

Jquery isotope 是否可以将Shift布局和居中项组合在一起?

Jquery isotope 是否可以将Shift布局和居中项组合在一起?,jquery-isotope,Jquery Isotope,当我尝试组合以同位素为中心的布局和列移位布局时,无法使元素居中 以下示例: 居中布局(工作正常) 列移位布局(工作正常) 两者的组合(列移位仍正常工作,但元素未居中)—— 如果有人能指出我缺少什么,我将不胜感激 提前谢谢 唯一的方法是正确地合并这两个布局 我做过,但一点也不干净。它需要进行重大重构以避免重复变量。但它是有效的 $container.isotope({ itemSelector : '.item', layoutMode: 'masonryColumnShift',

当我尝试组合以同位素为中心的布局和列移位布局时,无法使元素居中

以下示例:
居中布局(工作正常)
列移位布局(工作正常)
两者的组合(列移位仍正常工作,但元素未居中)——

如果有人能指出我缺少什么,我将不胜感激


提前谢谢

唯一的方法是正确地合并这两个布局

我做过,但一点也不干净。它需要进行重大重构以避免重复变量。但它是有效的

$container.isotope({
    itemSelector : '.item',
    layoutMode: 'masonryColumnShift',
    masonry : {
      columnWidth : 292,
      gutterWidth: 10
    }
})
你可以在这里看到:

如果可以的话,我稍后会尝试清理这个