css flex align-content属性在多根交叉轴上对齐方式垂直对齐方式
css flex align-content属性在多根交叉轴（flex-wrap: wrap换行会产生多根交叉轴）上对齐方式垂直对齐方式，功能是不是和align-items类似呢，不好理解和align-items的区别？align-content可以理解成父元素里所有元素的对齐方式基于一根轴对齐方式（堆叠方式），align-items理解成父元素里所有元素的各自的对齐方式而不是基于一根轴对齐，如果我实在表达的不清楚或者表达错误，还请仔细看我们两者对比的例子即可明白。
align-content属性
| 可选值 | 说明 |
|---|---|
| flex-start | 与交叉轴的起点对齐,从上往下对齐第二会挨着第一行，align-content:flex-start的第二行不会就挨着第一行。 |
| flex-end | 与交叉轴的起点对齐,从下往上对齐第一会挨着第二行，align-content:flex-start的第一行不会就挨着第二行。 |
| center | 与交叉轴的中点对齐 |
| space-between | 与交叉轴两端对齐，轴线之间的间隔平均分布。 |
| space-around | 每根轴线两侧的间隔都相等 |
| stretch | 默认值，轴线占满整个交叉轴 |
flex-start例子
例子
flex-end例子
例子
center例子
例子
stretch例子
例子
space-between例子
例子
space-around例子
例子
