align-content 设置侧轴上的子元素的排列方式（多行）

设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况（多行），在单行下是没有效果的。

1、align-content: flex-start;默认值在侧轴的头部开始排列

2、align-content: end;默认值在侧轴的尾部开始排列

3、align-content: center;默认值在侧轴的中间显示

4、align-content: space-around;子项在侧轴平分剩余空间

5、align-content: space-between;子项在侧轴先分布在两头再平分剩余空间

6、align-content: stretch;设置子项元素高度平分父元素高度（注意子项高度要去掉）

代码如下图所示：

align-content和align-items 区别：

align-items 适用于单行情况下，只有上对齐、下对齐、居中和拉伸

align-content 适应于换行（多行）的情况下（单行情况下无效），可以设置上对齐、下对齐、居中、拉伸以及平均分配剩余空间等属性值。

总结就是单行找align-items 多行找align-content

注意：这里的单行和多行区别是，是否存在换行