## **1. flex-direction属性**
flex-direction属性决定主轴的方向(即项目的排列方向)。
`.box{flex-direction:row|row-reverse|column|column-reverse;}`
![](https://img.kancloud.cn/71/e0/71e0563da69b0633c8e3f789d6878cd8.svg)
它可能有4个值:
* row(默认值):主轴为水平方向,起点在左端。
* row-reverse:主轴为水平方向,起点在右端。
* column:主轴为垂直方向,起点在上沿。
* column-reverse:主轴为垂直方向,起点在下沿。