grid布局时 justify-*、align-*, *-content *-items 的区别

justify-* 是沿水平方向设置排列方式；（靠左，靠右、居中）

align-*  指沿垂直方向设置排列方式。（靠上，靠下，居中）

*-items:各个子项目在各自的单元格里的对齐方式。

*-content:flex或grid 布局时，将容器划分为多个矩形区域,如果所有子元素的尺寸相加小于容器的尺寸，即容器有多余空间，*-content用以设置如何分配空白空间。水平方向的多余空间如何分配，用justify-content来设置，设置值为left，表示所有子元素靠左，空白区域留在右侧，设置值为space-evenly,表示均匀分配剩余空间，其余值也很容易理解。类似的，align-content用来设置垂直方向的多余空间分配