グーグルプラスカードタイルグリッド

Question

3列のグーグルプラスのようなカードタイルスクロールグリッドを作成するには？マテリアルUIを使用していますが、そのような機能は見つかりませんか？私は標準的なマテリアルUIグリッドを試しましたが、機能しません。

Answer 1

お探しのものは石積みグリッドと呼ばれています。純粋なCSSでは、新しいグリッドレイアウトメカニズム（[1],[2]）を使用しても、現時点では不可能です。

マテリアルUIでは、メーソンリーグリッド用のすぐれたソリューションは提供されていません。

カスタムスクリプトを使用してこのように要素を配置するJavaScriptライブラリのいくつかに興味があるかもしれません。すぐに気に入られる最も普及したものはMasonry Desandroです。代わりにIsotope（商用利用のための有償ライブラリ）もあり、a mode for masonry layoutもあります。