css - Masonry を使用して画像のグループをセンタリングする

Question

イメージのグループで Masonry.js を使用し、グループ全体を中央に配置しようとしています。コンテナー グリッドの幅を指定して を設定すると、グループが中央に配置されましたmargin:0 autoが、より流動的なグリッドまたはパーセンテージを使用して中央に配置したいと考えています。(メディアクエリを使用して固定幅を変更できることはわかっていますが、よりシームレスなオプションを探しています。)

これは、中央揃えが適切な固定幅のコードの例です。

そして、これは私が中心にしようとしているがうまくいかない、より流動的な例の例です。margin:0 auto

Answer 1

isFitWidth次のパラメータを使用して、組積造のレイアウトを中央に配置できます：http: //masonry.desandro.com/demos/centered.html

$('.container').masonry({ isFitWidth: true });

このパラメーターはwidthコンテナーの値を設定します。これにより、CSSを使用してコンテナーを中央に配置できます。

.container {
  margin: 0 auto;
}