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；