0

グリッドの高さが異なる流動的なグリッド レイアウトを作成し、石積みのように次々と流れるようにしようとしていますが、純粋な 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

最初にデータを左から右にレンダリングする方法を知っている人はいますか?

どんな助けでも大歓迎です。

4

1 に答える 1