css3中的伸缩布局，分布与排序。
工具/原料
电脑，DW软件
方法/步骤
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；（数字代表位置，越大越在后面）
注意事项
伸缩布局需要添加兼容前缀