容器上的六个属性：

flex-direction: 决定子项目主轴的方向（默认值为row,竖为cloumn）

flex-wrap: 决定子项目是否换行（默认值是不换行nowrap）

flex-flow: direction wrap的合并写法

justify-content: 决定子项目(水平)横向布局方式（默认值flex-start）

align-items: 决定子项目(垂直)纵向布局方式（默认值stretch）

align-content: 子项目有多列时，决定子项目的纵向布局方式（默认值flex-start）

容器内的子项目的六个属性：

order: 设置子项目的顺序(默认为0)

flex-grow: 子项目是否可扩大（默认为0，不扩大）

flex-shrink: 子项目是否可缩小（默认为1，可缩小）（0是false,1是true）

flex-basis: 设置子项目的初始宽度（默认为auto）

flex: grow、shrink、basis合并

align-self: 设置子项目(垂直)纵向方向的位置（默认值stretch）