flex-direction属性决定主轴的方向（即项目的排列方向）：（左中右    上中下）

Ø  row（默认值）：主轴为水平方向，起点在左端。

Ø  row-reverse：主轴为水平方向，起点在右端。

Ø  column：主轴为垂直方向，起点在上沿。

Ø  column-reverse：主轴为垂直方向，起点在下沿。

.box {
     flex-direction: row | row-reverse | column | column-reverse;
}