6

ギャップがないように同位体をグリッドに並べる方法はありますか?

いくつかのデモで要素が場所を変えているのを見ますが、自分で効果を達成することはできません. ここのように: http://isotope.metafizzy.co/demos/layout-modes.html

これが私のフィドルです： http://jsfiddle.net/crappish/zvRy5/

ご覧のとおり、「結果」のサイズを変更すると、グリッドは問題なく変更されますが、特定の幅でモザイクに白い隙間が表示されます。これは非常に残念です。:(

4

2 に答える 2

12

私は、ギャップを残さず、代わりに完璧な「レンガの壁」をレイアウトする独自の拡張機能 (perfectMasonry) を作成することになりました。:) クリーンアップする時間ができたらすぐに公開しようと思います (GitHub かもしれません)。

編集: PerfectMasonry 拡張機能は次のとおりです: https://github.com/zonear/isotope-perfectmasonry

于 2012-10-24T13:57:21.873 に答える
1

このフィドルを見そのスクリーンショットて、div の数字を観察すると、次の組積造要素 (赤い要素 5) が要素 4 の後に来る必要があるため、白い正方形に収まらない可能性があることがわかります。つまり、最終的にどこに行く必要があるかというと、3 行しか収まらないと、白い隙間ができてしまうということです。Isotope のshuffleメソッドとreLayoutメソッドを使用して、要素を厳密な順序で並べることを犠牲にすることができるでしょうか?

于 2012-07-11T18:04:44.320 に答える