grid-auto-flow

描述

grid-auto-flow 表示自动布局，自动控制网格中元素位置适配。

取值

• row

  自动按行布局，也是默认值

• column

  自动按列布局。

• dense

  自动稠密补位布局，也就是前面如果出现留白，会拿后面的小元素进行补位。row和column不会自动进行补位。

语法

/* 关键字值 */
grid-auto-flow: row;
grid-auto-flow: column;
grid-auto-flow: dense;
grid-auto-flow: row dense;   // 自动按行进行补位布局
grid-auto-flow: column dense;  // 自动按列进行被位布局

/* 全局 */
grid-auto-flow: inherit;
grid-auto-flow: initial;
grid-auto-flow: unset;