2

下の画像のようにdivを注文したいのですが、誰か助けてくれますか?

すべてのdivには特定の幅がありますが、高さ制限はありません。各列に4つのdivがあり、次のdiv(5番目のdiv)は1番目のdivの下部になりますが、上部と下部のdivのスペースは同じである必要があります(margin:5px)

ここに画像の説明を入力してください

ありがとう。

4

3 に答える 3

1

おそらくご存知のように、これは水平方向に行われるため、純粋なCSSでは実行できません。jQueryソリューションについては、ColumnizerjQueryPluginなどのプラグインを確認してください。

于 2012-04-25T16:11:04.110 に答える
1

Nathanの提案は良いものです-jQueryに依存するMasonryもあります。

于 2012-04-25T17:33:56.850 に答える
1

Isotopeを使用しているhttps://stackexchange.com/sitesをチェックしてください!

于 2012-04-25T17:37:33.410 に答える