CSS grid-auto-flow 属性
定义和用法
grid-auto-flow 属性控制自动放置的项目如何插入网格中。
| 默认值: | row |
|---|---|
| 继承性: | no |
| 支持动画: | yes. 阅读有关动画的信息 测试一下 |
| 版本: | CSS Grid Layout Module Level 1 |
| JavaScript 语法: | object.style.gridAutoFlow="row dense" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| grid-auto-flow | 57 | 16 | 52 | 10 | 44 |
语法
grid-auto-flow:
row|column|dense|row dense|column dense;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| row | 默认值。通过填充每一行来放置项目。 | 亲自试一试 » |
| column | 通过填充每一列来放置项目。 | 亲自试一试 » |
| dense | 放置项目以填充网格中的任何孔。 | 亲自试一试 » |
| row dense | 通过填充每一行来放置项目，并填充网格中的任何孔。 | 亲自试一试 » |
| column dense | 通过填充每一列来放置项目，并填充网格中的任何孔。 | 亲自试一试 » |
更多实例
相关页面
CSS 教程: CSS 网格布局
