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；（数字代表位置，越大越在后面）
