父项属性
flex
row：从左向右
row-reverse：从右向左
column：从上向下
column-reverse：从下向上
wrap：换行
no-wrap：不换行
wrap-reverse：换行，实际是沿着副轴的反方向，顺序和位置都反
flex-start：从父项主轴开始的位置排列
flex-end：从父项主轴结束的位置排列
center：在父项主轴中央
space-between：每个子项平分剩余空间，两边没有空隙
space-around：每个子项平分剩余空间，两边有空隙
- align-items：子项在副轴上的对齐方式（单行）
flex-start：从父项副轴开始的位置排列
flex-end：从父项副轴结束的位置排列
center：在父项副轴中央
stretch：在父项副轴方向拉伸，顶天立地（子项不设置对应的长度）
- align-content：子项在副轴上的对齐方式（多行）
flex-start：从父项副轴开始的位置排列
flex-end：从父项副轴结束的位置排列
center：在父项副轴中央
space-between：每个子项平分剩余空间，两边没有空隙
space-around：每个子项平分剩余空间，两边有空隙
子项属性
1：占剩余部分的1/n
2：占剩余部分的2/n
3：占剩余部分的3/n
- align-self：单个子项在父项副轴上的对齐方式
flex-start：从父项副轴开始的位置排列
flex-end：从父项副轴结束的位置排列
center：在父项副轴中央
stretch：在父项副轴方向拉伸，顶天立地（子项不设置对应的长度）
-1
