どのようにオーバーフローしたフローティング要素を中心に置きますか？

Question

したがって、オーバフロー設定がautoのコンテナの内部に浮遊要素が大量にあります。これらの要素（画面サイズに依存します）は、ほとんど常に次の行にオーバーフローしますが、親divを中央に配置して、これらの要素が常にページの中央に配置されるようにしたいと考えています。コンテナは画面幅の100％です。

ああ、物事を面白くする：浮かれた要素のサイズは変更されることがあります。

Here's what I'm referring to.

偉大なソリューションの多くは、私がFLOATED要素の単一の行に対処しなければならないことを発見しましたが、私はそのいくつかのアイテムを扱うことになるだろうことはほとんどないよというそこにあります。実際に毎回次の行にオーバーフローします。そのため、これらのメソッドは機能しません。

いくつかの要素ごとに明確なdivを挿入したり、幅を設定したり、コンテナをセンタリングしたりするのに最適でしょうか、それともJavascriptなしでこれを行うより良い方法はありますか？すべての助けをありがとう！

Answer 1

これはCSSで修正できるはずです。コンテナdivに幅を入れ、margin: 0 auto;を追加します。私はあなたのページで1000pxの幅でうまくいきました。問題は、100％の幅を使用する場合、フローティングdivの数を1行に収めることができなくなり、viwerのウィンドウサイズが分からないために折り返すことになります。固定幅を設定すると、各行に収まるボックスの数を制御できます。