CSS Grid教程第5集 - 网格对齐 justify-items & align-items

CSS Grid默认的状态inline方向是justify-items: stretch（拉伸网格容器子元素使其宽度等于网格单元格宽度），block方向也是justify-items: stretch（拉伸网格容器子元素高度使其等于网格单元格高度）。我们可以通过在justify-items & align-items中添加不同的属性，比如：start, center, end改变网格单元格里面网格子元素的一个布局位置。