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