CSS整列行ラッパーのdiv

Question

なしこれは私が持っているものです。

、これは私が欲しいものです：

私は小さいのすべての周りのコンテナのdivを持っていますdivs、小さいdivは左に浮動小数点表示されます。下の画像のように完全な行に並べるにはどうしたらいいですか？これは簡単ですが、行ごとの画像の数を流体にする（容器の幅は可変です）ので、キャッチは各行にコンテナdivを使用したくありません。これはJSのハックなしでも可能ですか？

Answer 1

フロートを変更するだけで、左に表示することができます：インラインブロック。それは、あなたがやりたいことのように聞こえるテキストレイアウトのように、イメージを横に並べて表示します。

Answer 2

私はあなたがJavascriptのハックとして認めるものがわからないので、これをいくつかの不安で投稿しています...これにはうまくいくプラグインがあります。Masonry JS。しかし、プラグインをハックと見なしたら、display:inline-block;を、行に入れたい要素に適用し、float:left;プロパティを削除することをお勧めします。