| 属性名 | grid-auto-flow |
|---|---|
| 値 | [ row | column ] || dense |
| 初期値 | row |
| 適用可能要素 | グリッドコンテナ |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_grid-auto-flow |
グリッドアイテムを並べる方向を row または column で指定します。dense を指定すると、空きスペースをなるべく埋めるように配置します。詳細は「とほほのGird入門」を参照してください。
.grid-container-row {
display: grid;
grid-auto-flow: row;
grid-template-rows: 2rem 2rem;
grid-template-columns: 4rem 4rem;
}
.grid-container-column {
display: grid;
grid-auto-flow: column;
grid-template-rows: 2rem 2rem;
grid-template-columns: 4rem 4rem;
}