flex中的align-content和align-items的区别

1、align-items是针对每一个子项起作用，它的基本单位是每一个子项，在所有情况下都有效果

2、align-content属性是将flex子项作为一个整体起作用，它的基本单位是子项构成的行

只在两种情况下有效果：

①子项多行且flex容器高度固定

②子项单行，flex容器高度固定且设置了flex-wrap:wrap

align-items：应用于flex容器，设置flex子项在每个flex行的交叉轴上的默认对齐方式。

align-content：只适用多行的flex容器（子项不止一行时该属性才有效果），它的作用是当flex容器在交叉轴上有多余的空间时，将子项作为一个整体（属性值为：flex-start、flex-end、center时）进行对齐。