Flex items会与flex container 的交叉轴起始（cross start）线对齐。
.flex-container { -webkit-align-items: flex-end; /* Safari */ align-items: flex-end; }
Flex items会与flex container 的交叉轴结尾（cross end）线对齐。
.flex-container { -webkit-align-items: center; /* Safari */ align-items: center; }
Flex items会在交叉轴（cross axis）上对齐。
.flex-container { -webkit-align-items: baseline; /* Safari */ align-items: baseline; }
Flex items会按照它们的基线（baselines）对齐。
默认值：stretch。
注：点击这里查看更多关于基线如何运算
align-content
align-content属性对齐flex container上的行，控制交叉轴的多余间隔，跟主轴上的justify-content属性很相似。
例子：
.flex-container { -webkit-align-content: stretch; /* Safari */ align-content: stretch; }
每一行Flex items后面都会有区分开的间隔。
.flex-container { -webkit-align-content: flex-start; /* Safari */ align-content: flex-start; }
Flex items会向交叉轴起始位置靠拢。
.flex-container { -webkit-align-content: flex-end; /* Safari */ align-content: flex-end; }
