0

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

誰かが私がここで見逃していることを指摘していただければ幸いです。

前もって感謝します！

4

1 に答える 1

0

これを行う唯一の方法は、2 つのレイアウトを適切にマージすることです。

やったけど全然きれいじゃない。変数の重複を避けるために、大幅なリファクタリングが必要です。しかし、それは機能します。

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

ここで見ることができます：http://jsfiddle.net/Spope/AwMZ9/

可能であれば、後でこれをきれいにしようとします。

于 2013-10-31T15:41:24.253 に答える