注：以下所有实例 基于flex-direction:row的情况，即水平排列 起点在左边
且 主轴为默认
上面是 align-items:center 居中的状况
上面是 align-items: flex-start; 起点在上面
上面是 align-items:base-line 项目的第一行文字的基线对齐的情况
上面是 align-items:stretch（默认值） 如果项目未设置高度或设为auto，将占满整个容器的高度。
总结1：flex-direction属性定义的是主轴方向，默认为水平，所以 交叉轴方向默认为垂直;
当 flex-direction的值为column的时候，align-items决定的就是垂直方向的排列方式
align-items决定的是交叉轴的排列方式 而不一定是单指 垂直的排列方式