CSS3中的伸缩布局一

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；