css align-items属性是用于指定float容器内项目在横轴方向的对齐方式：拉伸以填充容器、以横轴为中心、在顶部垂直对齐、在底部垂直对齐、横轴的基线处对齐。【视频教程推荐：CSS教程】
CSS align-items属性
align-items属性是Flexible Box 布局模块的子属性。
作用：定义了如何沿当前行的横轴布置弹性项目的默认（对齐）行为。
立即学习“前端免费学习笔记（深入）”；
注：可以在float容器内的每个子项目中使用align-self属性来覆盖align-items属性的样式。
语法：
align-items: stretch|center|flex-start|flex-end|baseline;
stretch（默认）：拉伸以填充容器（仍然尊重最小宽度/最大宽度）。
center：项目以横轴为中心；默认情况下，横轴是垂直的，这意味着flexbox项目将垂直居中 。
flex-start：项目在横轴的开始处对齐，即项目将在顶部垂直对齐。
flex-end：项目在横轴末端对齐，即项目将在底部垂直对齐
baseline：项目在横轴的基线处对齐，即flexbox项目将自身对齐，以使其文本的基线沿水平线对齐。
CSS align-items属性的使用示例
- 1
2 - 3
- 4
5 - 6
- 1
2 - 3
- 4
5 - 6
- 1
2 - 3
- 4
5 - 6
- 1
2 - 3
- 4
5 - 6
- 1
2 - 3
- 4
5 - 6
效果图：
