下の画像のようにdivを注文したいのですが、誰か助けてくれますか?
すべてのdivには特定の幅がありますが、高さ制限はありません。各列に4つのdivがあり、次のdiv(5番目のdiv)は1番目のdivの下部になりますが、上部と下部のdivのスペースは同じである必要があります(margin:5px)
ありがとう。
下の画像のようにdivを注文したいのですが、誰か助けてくれますか?
すべてのdivには特定の幅がありますが、高さ制限はありません。各列に4つのdivがあり、次のdiv(5番目のdiv)は1番目のdivの下部になりますが、上部と下部のdivのスペースは同じである必要があります(margin:5px)
ありがとう。
おそらくご存知のように、これは水平方向に行われるため、純粋なCSSでは実行できません。jQueryソリューションについては、ColumnizerjQueryPluginなどのプラグインを確認してください。
Nathanの提案は良いものです-jQueryに依存するMasonryもあります。
Isotopeを使用しているhttps://stackexchange.com/sitesをチェックしてください!