flex-direction属性可以设置以下四个值:
row:默认值,表示主轴方向为水平方向,起点在左端。row-reverse:表示主轴方向为水平方向,起点在右端。column:表示主轴方向为垂直方向,起点在上沿。column-reverse:表示主轴方向为垂直方向,起点在下沿。其中,row和row-reverse表示水平方向,主轴从左到右;column和column-reverse表示垂直方向,主轴从上到下。reverse表示反转方向。
使用flex-direction属性可以控制容器中的弹性子项的排列方向,进而实现不同的布局方式。