CSS3中的伸缩布局二

1、伸缩布局（水平设置）：justify-content：flex-start；左对齐（默认）

2、伸缩布局（水平设置）：justify-content：flex-end；右对齐

3、伸缩布局（水平设置）：justify-content：center；中间对齐

4、伸缩布局（水平设置）：justify-content：space-between；平均分布

5、伸缩布局（水平设置）：justify-content：space-around；平均分布（有两端距离，两端距离是中间距离的一半）

6、分布：flex：number；（数字代表分割的比例）

7、排序：order：number；（数字代表位置，越大越在后面）