javascript - JQuery パッカリー センターのアイテム

Question

私のJQuery Packeryアプリでは、項目をコンテナー要素の中央に配置したいと考えています。次の構造を使用します。

<div id="container">
  <div class="item">...</div>
  <div class="item w2">...</div>
  <div class="item">...</div>
  ...
</div>

アイテムを中央に配置する修正を適用する前に、JQuery Isotope を使用しました。私の問題は、修正されないアイテムがほとんどない場合です。

1. これは、プラグインの作成者からのこのソリューションから変更したソリューションの1つです。

コンテナのみが中央に配置され、中のアイテムは中央に配置されません。

2. 2番目の解決策は次のとおりです。

私が持ちたいのは次のとおりです。コンテナの幅は、アイテムだけでなくコンテナも中央に表示されるように、アイテムによって制限される必要があります。どうすればそれを手に入れることができますか？

Answer 1

Centered Masonry を試してみましたか？ http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html