语法：
align-items: stretch | flex-start | flex-end | center | baseline;
- stretch: 默认值。项目将被拉伸以适应容器。
- flex-start: 项目将与交叉轴的开始边对齐。
- flex-end: 项目将与交叉轴的结束边对齐。
- center: 项目将位于交叉轴的中间位置。
- baseline: 项目将与基线对齐。
示例：
.container {
display: flex;
align-items: center;
}
在上述示例中，.container 是一个弹性容器，通过 align-items: center; 设置项目在交叉轴上居中对齐。
align-items 主要用于控制单行情况下的项目对齐方式。如果弹性容器有多行（flex-wrap: wrap;），而且你想要控制多行轴线的对齐方式，可以使用 align-content 属性。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5976/CSS