一 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。