flex布局

flex布局的父元素属性有：

1、flex-direction，属于设置主轴的方向，即子元素的排列方向；

2、justify-content，属于设置主轴上的子元素排列方式；

3、flex-wrap：【wrap，nowrap】，属性可以将容器设置为是否是换行的；

4、align-content:设置侧轴上的子元素排列方式；（多行）

5、align-items，设置侧轴上的子元素排列方式；（单行）

6、flex-flow，属性相当于同时设置了flex-direction 和 flex-wrap。

1.flex-direction

flex-direction属于设置主轴的方向，即子元素的排列方向。包括了包括row、column、row-reverse、column-reverse。

2.justify-content

justify-content属于设置主轴上的子元素排列方式

3.flex-wrap

flex-wrap属性可以将容器设置为是否是换行的。

4.align-content

设置侧轴上的子元素排列方式（多行）

5.align-items

设置侧轴上的子元素排列方式（单行）

6.flex-flow

flex-flow属性相当于同时设置了flex-direction 和 flex-wrap。

flex布局的子元素属性有：

*flex：子元素剩余部分占多少份

align-self：子元素在侧轴的排列方式

sort：子元素升序排序 越小越前