html - 空白のないコンテナにマルチサイズのボックスを入れる方法は？

Question

大きなコンテナに複数のサイズの複数のdiv（ボックス）を入れて、コンテナの下部にのみ空白を入れる方法を知っている人はいますか？

これが私が欲しいものの表現です：

これが私が持っているものです：

ありがとう！

Answer 1

さまざまなサイズの複数のコンテナーを既知のサイズの単一のコンテナーに合わせて、最適なサイズに合わせようとしているようです。jQuery の石積みは、jQuery を使用する意思がある場合に最適ですが、下部の空白スペースがすべて残るという保証はありません。

ドキュメントはこちら: http://masonry.desandro.com/

デモはこちら: http://masonry.desandro.com/demos/basic-single-column.html

また、gutterWidth を 0 に設定して、列間のすべてのスペースを取り除くことができます。http://masonry.desandro.com/docs/options.html

Answer 2

http://jsfiddle.net/ZFdHz/のようなものを意味しますか??

Answer 3

詳細情報 (現在のコード、図、サンプル Web サイト) がないと、ここで何を求めているのかよくわかりません。コンテナーに下部の間隔を追加するだけの場合は、CSS をpadding-bottom?で使用してみてください。