Flex布局

flex-direction调整主轴方向（默认为水平方向）
justify-content调整主轴对齐
align-items调整侧轴对齐（子元素可以使用align-self覆盖）
flex-wrap控制是否换行
align-content堆栈（由flex-wrap产生的独立行）对齐
flex-flow是flex-direction + flex-wrap的简写形式
flex是子项目在主轴的缩放比例，不指定flex属性，则不参与伸缩分配
order控制子项目的排列顺序，正序方式排序，从小到大