CSS grid-auto-flow 屬性
定義和用法
grid-auto-flow
屬性控制自動放置的專案如何插入到網格中。
預設值 | row(行) |
---|---|
繼承 | no |
可動畫 | 是。 閱讀關於可動畫屬性 嘗試一下 |
版本 | CSS Grid Layout Module Level 1 |
JavaScript 語法 | object.style.gridAutoFlow="row dense" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
grid-auto-flow | 57 | 16 | 52 | 10 | 44 |
CSS 語法
grid-auto-flow: row|column|dense|row dense|column dense;
屬性值
值 | 描述 | 演示 |
---|---|---|
row(行) | 預設值。按行填充專案 | 演示 ❯ |
column(列) | 按列填充專案 | 演示 ❯ |
dense | 放置專案以填充網格中的任何空白 | 演示 ❯ |
row dense | 按行填充專案,並填充網格中的任何空白 | 演示 ❯ |
column dense | 按列填充專案,並填充網格中的任何空白 | 演示 ❯ |
更多示例
相關頁面
CSS 教程: CSS Grid 佈局