Flex布局：align-items相关属性区别（二）

一 align-items、align-content、justify-content、align-self区别：

区别：

1 justify-content:定义子元素在容器的主轴上（row）对齐方式；

2 align-items:定义子元素在容器的交叉轴上(column)对齐方式；

3 align-content：只适用于多行的flex容器；并且当交叉轴上有多余空间使flex容器内的flex线对齐。类似align-items，但不是设置子元素对齐，而是设置行对齐；

4 align-self：是属于项目属性，上面都属于容器属性。align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。