新！ 我的 44 页电子书“44 分钟搞定 CSS” 出炉了！ 😃
#align-items
定义了 flexbox 项目在 flexbox 容器的一行中如何根据交叉轴进行对齐。
align-items: flex-start;
flexbox 项目在交叉轴的起点对齐。
默认情况下，交叉轴是垂直的。这意味着 flexbox 项目将在顶部垂直对齐。
align-items: flex-end;
flexbox 项目在交叉轴的终点对齐。
默认情况下，交叉轴是垂直的。这意味着 flexbox 项目将在底部垂直对齐。
align-items: center;
flexbox 项目在交叉轴的中心对齐。
默认情况下，交叉轴是垂直的。这意味着 flexbox 项目将垂直居中。
align-items: baseline;
flexbox 项目在交叉轴的基线对齐。
默认情况下，交叉轴是垂直的。这意味着 flexbox 项目将对齐自身以使它们文本的基线沿一条水平线对齐。
align-items: stretch;
flexbox 项目将跨整个交叉轴拉伸。
默认情况下，交叉轴是垂直的。这意味着 flexbox 项目将填充整个垂直空间。