1、伸缩布局：
display：flex；（伸缩容器，水平显示）
inline-flex；（行内伸缩，外伸缩）
2、伸缩布局：
flex-direction：column；转化为列。
column-reverse；反向转化列
3、伸缩布局：
flex-direction：row；转化为行（默认）。
row-reverse；反向转化行
4、伸缩布局：
flex-wrap：nowrap；单行显示（默认）。
wrap；多行显示（窗口缩小时）
5、伸缩布局：
flex-wrap：wrap-reverse；多行显示（反向）。
6、缩写：
flex-flow：direction wrap；
