一、父元素设置的属性
1、Display：flex 先确定好主轴、在设置主轴元素
2、Flex-direction：设置元素排列方式，主轴 Row(x)、column(y)
3、Justify-content：设置主轴子元素排列方式 3.1、Flex-start：默认，从左往右 3.2、Flex-end：从右往左，从下往上 3.3、Center：居中 3.4、Space-around：平分剩余空间 3.5、Space-between：先贴边，在平分
Flex布局默认是不换行的，
4、Flex-wrap：是否换行，wrap换行
5、Align-items:设置侧轴单行元素排列方式
5.1、Flex-start：上到下 5.2、Flex-end：下到上 5.3、Center：挤在一起居中 5.4、Stretch：拉伸，但盒子不要高度
6、Align-content-设置侧轴多行元素排列方式 6.1Flex-start：上到下 6.2、Flex-end：在侧轴尾部开始排列 6.3、Content：在侧重中间排列 6.4、Space-around：子元素在侧轴平分剩余空间 6.5、Space-between：子元素在侧轴先分布两头，在平均分布 6.7、Streth：设置子项元素高度平分父元素高度（拉伸）
7、Flex-flow是Flex-direction、Flex-wrap的简写
给子项设置
Flex：1 平分剩余空间的一份
Align-self 可以设置某一个盒子 在主轴上的排列方式
Order：数值越小，排列往前
