CSS grid-auto-flow 属性

逐列插入自动放置的项目：

.grid-container {
display: grid;
grid-auto-flow: column;
}

定义和用法

这个grid-auto-flow属性控制如何将自动放置的项目插入到网格中。

默认值：	排
遗传：	不
可动画：	是的。阅读可动画的尝试一下
版本：	CSS 网格布局模块级别 1
JavaScript 语法：	对象.style.gridAutoFlow="row dense"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
grid-auto-flow	57	16	52	10	44

grid-auto-flow: row|column|dense|row dense|column dense;

Value	Description	Demo
row	Default value. Places items by filling each row	Demo ❯
column	Places items by filling each column	Demo ❯
dense	Place items to fill any holes in the grid	Demo ❯
row dense	Places items by filling each row, and fill any holes in the grid	Demo ❯
column dense	Places items by filling each column, and fill any holes in the grid	Demo ❯