align-items 元素在交叉轴（对应主轴）上如何对齐（以元素为基准）
它可能取5个值。具体的对齐方式与交叉轴的方向有关，下面假设交叉轴从上到下(主轴是水平方向，交叉轴是垂直方向)(如果主轴是垂直方向，交叉轴就是水平方向)。
1,align-items: flex-start; 元素在交叉轴的起点对齐。
1
2
3
2,align-items: flex-end; 元素在交叉轴的终点对齐。
1
2
3
3,align-items: center; 元素在交叉轴的中点对齐。
1
2
3
4,align-items: baseline; 元素的第一行文字的基线对齐。
1
2
3
5,align-items: stretch（默认值）; 如果元素未设置高度或设为auto，将占满整个容器的高度。
1
2
3