侧轴是相对的 默认主轴是x 所以侧轴就是y轴
align-items设置侧轴上的子元素排列的方式（单行） 运用在父级元素上
align-items: flex-start; 从上到下
align-items: center; 从下到上
align-items: flex-end; 挤在一起居中
align-items:stretch 默认值 拉伸 沿着父级元素侧轴方向拉伸（填满父亲高度）
/* 因此实现水平 垂直居中的方式还有一种 */
display: flex; //这是哪个都是使用在方向上
justify-content: center; /*主轴居中对齐*/
align-items: center; /*侧轴居中对齐*/
原文：https://www.cnblogs.com/IwishIcould/p/11802656.html