grid栅格布局(2)

使用repeat()函数可以给网格线分配相同的名称。相同网格线名称指定网格线的位置和名称，也且会自动在网格线名称后面添加对应的数字，使其网格线名称也是唯一的标识符。

隐式网格

网格默认方向是row,可以通过grid-auto-flow属性把网格流的方向改变成column

: column

当网格项目确认在显示网格之外时就会创建隐性网格，当没有足够的空间或者显示的网格轨道来设置网格项目，此时网格项目就会自动创建隐式网格。

和属性可以定义隐式的网格， 默认值auto

网格项目层级

网格项目可以具有层级和堆栈，必要时可能通过属性来指定

对齐

网格项目对齐方式

和指定网格项目沿着行轴对齐方式; 和指定网格项目沿着列轴对齐方式。

justify-items和align-items应用在网格容器上

justify-self和align-self应用于网格项目自身对齐方式

这四个属性主要接受以下属性值：

auto、normal、start、 end、 center、 stretch、 baseline、 first baseline、 last baseline

网格轨道对齐方式

指定网格轨道沿着行轴对齐方式;

指定网格轨道沿着列轴对齐方式。它们支持下面的属性：

normal、 start、 end、 center、 stretch、

space-around、 space-between、 space-evenly、 baseling、

first baseline、 last baseline

（编辑：ASP站长网）