flex布局配置

items 

align-items：设置flex元素在交叉轴上的对齐方式

• 将多行的每一行分别当作整体处理

align-content：设置flex元素在交叉轴上的对齐方式

• 将多行内容当作一个整体处理

align-items：设置每个flex在交叉轴上的默认对齐方式

align-content  

align-items和align-content都是规定子元素在交叉轴上的默认对其方式

区别是align-items把多行的每一行当做一个整体去处理

align-content则是把多行统一当做一个整体去处理

align-items 处理交叉轴单行对齐align-content 处理多行，是把多行当成一个整体

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用

align-content的属性值及其作用.

align-content 将元素作为一个整体进行对齐.

align-items 的属性值及其作用.

align-items:控制交叉轴显示的位置

flex-start:开始 flex-end:结尾 center:中间

align-items设置每个flex元素在交叉轴上的默认对齐方式。（单行里面的内容当做整体）

align-content把多行的内容当做整体。