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；
