新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃

今すぐ入手 →

#grid-auto-flow

自動生成されたグリッドアイテムの位置を定義します。

デフォルト grid-auto-flow: row;

この2カラムの設定では、2番目のグリッドアイテムは2カラム幅、3番目のアイテムは4行の高さです。

他のグリッドアイテムは追加のに配置されます。

grid-auto-flow: column;

他のグリッドアイテムは追加のカラムに配置されます。

grid-auto-flow: dense;

denseアルゴリズムは、グリッドのすべての「穴」を埋めるために、他のすべてのグリッドアイテムを配置しようとします。