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例子

例子