常用属性

1 flex-direction 主轴方向

flex-direction: row; 默认值。水平显示
flex-direction: row-reverse; 与 row 相同，但是以相反的顺序
flex-direction: column; 垂直显示
flex-direction: column-reverse; 与 column 相同，但是以相反的顺序

flex-direction: initial; 设置该属性为它的默认值
flex-direction: inherit; 从父元素继承该属性

2 justify-content 主轴对齐方式（水平轴）

flex-start       默认值。项目位于容器的开头。    
flex-end         项目位于容器的结尾。    
center           项目位于容器的中心。    
space-between    项目位于各行之间留有空白的容器内。
space-around     项目位于各行之前、之间、之后都留有空白的容器内。    
initial          设置该属性为它的默认值。请参阅 initial。
inherit          从父元素继承该属性。请参阅 inherit。

2 align-content

stretch           默认值。项目被拉伸以适应容器。    测试 »
center            项目位于容器的中心。    测试 »
flex-start        项目位于容器的开头。    测试 »
flex-end          项目位于容器的结尾。    测试 »
space-between     项目位于各行之间留有空白的容器内。    测试 »
space-around      项目位于各行之前、之间、之后都留有空白的容器内。    测试 »
initial           设置该属性为它的默认值。请参阅 initial。    测试 »
inherit           从父元素继承该属性。请参阅 inherit。