4

jQuery Masonryを使用してボックスのグリッドを表示しています (すべて同じサイズ)。

これが私のテストサイトです。

ブラウザの幅が 1100px 以下の場合に最適です。

1270px 以上で表示すると、Masonry は右側に列を追加し続けます。

外側のコンテナに最大幅を設定しましたが、Masonry はそれを認識していないようで、Masonry コンテナの幅を拡張し続けています。

Masonry Centered ページでは、中央に配置されていることがわかりますが、幅を制限するものはありません。ブラウザーの幅を広げると、拡張が続けられ、列が追加されます。

「これが最大幅です。これ以上列を追加しないでください」という厳しいルールを追加するにはどうすればよいでしょうか。

ありがとう

更新 ここに jsfiddle がありますが、正しく設定されているかどうかはわかりません。テストサイトにアクセスして問題を確認することをお勧めします.

4

1 に答える 1

7

max-width石積みのコンテナの親要素にa を設定するとうまくいきます。これはあなたが探している結果ではありませんか?

#wrapper { max-width: 990px; }
于 2012-05-23T17:47:58.457 に答える