语法：
flex-container {
align-items: stretch | flex-start | flex-end | center | baseline;
}
属性值：
1. stretch（默认值）:
- 项目在交叉轴上拉伸以占用剩余的空间。
2. flex-start:
- 项目向交叉轴的起始边对齐。
3. flex-end:
- 项目向交叉轴的结束边对齐。
4. center:
- 项目在交叉轴上居中对齐。
5. baseline:
- 项目在交叉轴上以其基线对齐。
示例：
.container {
display: flex;
align-items: center;
}
在这个例子中，.container 是一个弹性容器，设置了 align-items 为 center，这会使容器内的所有项目在交叉轴上居中对齐。这对于垂直居中项目很有用。如果希望项目在主轴上对齐，可以使用 justify-content 属性。
align-items 可以帮助你在弹性容器中控制项目在交叉轴上的对齐方式，根据实际需要选择合适的值。
转载请注明出处：http://www.zyzy.cn/article/detail/4094/CSS