css之弹性盒子属性2

align-items是用来设置交叉轴的对齐方式

其中的属性值如下：

flex-start，子元素在交叉轴的起点对齐，由于flex布局是默认行方向布局，子元素会从顶部对齐

flex-end：子元素在交叉轴的终点对齐。对于行方向布局，子元素会从底部开始对齐

center:居中对齐

align-items: flex-start;
align-items:flex-end;
align-items:center;

align-content是设置多行弹性盒子的对齐方式，前提是盒子设置了跨行

flex-start
将内容向容器起始端对齐，第一行紧贴容器顶部（Flexbox）或起始边缘（Grid）。

flex-end
将内容向容器末端对齐，最后一行紧贴容器底部（Flexbox）或结束边缘（Grid）。

center
将内容居中对齐，行在容器中垂直居中。

space-between
均匀分布行，首行在容器顶部，末行在容器底部，剩余行平均分配空间。

space-around
均匀分布行，每行周围分配等量空间，首行和末行与容器边缘的间距为行间间距的一半。

space-evenly
均匀分布行，所有行与容器边缘及行间的间距完全相等。

stretch（默认值）
拉伸行以填充剩余空间，行高度均分容器可用空间。