複数の列のグリッドで、各列の項目数を制限する方法

Question

cssプロパティcolumn-countを使用してシームレスなレスポンスグリッドを作成していますが、各列に制限がある5つの列を表示したいアイテム数が同じである（たとえば、列あたり4つのアイテムに制限されます）が、cssではこのようなプロパティは見つかりません。

Answer 1

これは、石積みは何ですか

をjQueryのMasonryを使用することによって達成することができますか？

MasonryはJavaScriptグリッドレイアウトライブラリです。利用可能な垂直スペースに基づいて最適な位置に要素を配置することによって機能します。あなたはおそらくそれがインターネット上で使用されているのを見てきました。私は `masonry` http://masonry.desandro.com/v3/を使用することをお勧めします

$(function(){ 
    $('#container').masonry({ 
    // options 
    itemSelector : '.item', 
    columnWidth : 240 
    }); 
});