グリッドの高さが異なる流動的なグリッド レイアウトを作成し、石積みのように次々と流れるようにしようとしていますが、純粋な css を使用したいと考えています。私が検索した方法は、http://designshack.net/articles/css/masonry/ サンプル ソース コードです。
#myContent {
-moz-column-count: 6;
-moz-column-gap: 0px;
-webkit-column-count: 6;
-webkit-column-gap: 0px;
column-count: 6;
column-gap: 0px;
width: 1200px;
}
ただし、データは左から右ではなく、行ごとに上から下に表示されているようです。詳細については、デモを参照してください。http://designshack.net/tutorialexamples/masonry/demos/css.html
最初にデータを左から右にレンダリングする方法を知っている人はいますか?
どんな助けでも大歓迎です。