問題タブ [packery]

いくつかの div を揃えるために packery を使用しようとしています。すべてが正常に機能していますが、取り除く方法がわからない迷惑なスペースが表示されます。このスペースは 2 行目からのみ表示され、継続します。

http://jsfiddle.net/WZxBM/

これを解決する方法はありますか？

現在box-sizing:border-box、すべての要素で使用しています*が、これが各要素で使用している packery.js プラグインと競合していることに気付きました。これらをオーバーライドまたはデフォルトにリセットする方法があるかどうか疑問に思っていましたアイテム？

サイトでPackery.js [ http://packery.metafizzy.co/ ] を使用していますが、ページの読み込み時にレイアウトの問題がいくつかあります。Masonry、Isotope、および Packery (すべて非常によく似たプラグインで、すべて David DeSandro によって開発されました) のドキュメントを参照し、すべての画像と Web フォントが読み込まれた後にレイアウトをトリガーする必要がある問題への対処について説明しています。

http://packery.metafizzy.co/appendix.html

私はPackeryをimagesLoadedで問題なく動作させています...しかし、Google Web Fontローダーをそれと結び付ける方法がわかりません。以下は、フォントをロードするための私のコードで、その後に imagesLoaded Packery Layout が続きます。Web Fonts と imagesLoaded の両方の後に Packery を起動する方法を誰かが提案できれば、私は永遠に感謝します.

libs ディレクトリ内でいくつかのスクリプトをコンパイルするように Gruntfile をセットアップしました。Packery.js を除いて、これらのファイルはすべて main.min.js に正常にコンパイルされるようです。何らかの理由で、main.min に追加されません。次に、明らかに、サイトを実行するとエラーが発生します。Uncaught TypeError: Object [object Object] has no method 'packery'

誰かが私がこれで間違っているかもしれないことをアドバイスできますか?

これが私のコンパイルスクリプトのスニペットです：

私はすばらしいスクリプト Packery を使用しています。( https://github.com/metafizzy/packery ) ただし、スクリプトは垂直レイアウト用であり、水平レイアウト用ではありません。

2 週間前にユーザーが元のバージョンを変更したため、横方向のレイアウトが可能です。( https://github.com/metafizzy/packery/pull/76 )

問題は、コンパイルされていないことです。そして、すべてのファイルと依存関係をコンパイルする方法がわかりません。

誰かがこれで私を助けることができますか?

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

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

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

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

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

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