在弹性布局中，主轴方向可以是水平方向（默认）或垂直方向。如果要更改主轴方向，请使用flex-direction属性。该属性接受以下值：
row：水平方向（默认值）
row-reverse：水平方向，但是起点和终点位置交换
column：垂直方向
column-reverse：垂直方向，但是起点和终点位置交换
例如，如果要将主轴方向更改为垂直方向，可以将以下代码添加到容器元素的样式中：
.container{
display:flex;
flex-direction:column;
}
这将使子元素在垂直方向上排列，而不是水平方向上。
在flex-direction属性中，使用row和row-reverse值将主轴方向设置为水平方向，且子元素将从左到右排列（在左到右的语言中），使用row-reverse值则将使子元素从右到左排列（在左到右的语言中）。
使用column和column-reverse值将主轴方向设置为垂直方向，子元素将从上到下排列（在左到右的语言中），使用column-reverse值则将使子元素从下到上排列（在左到右的语言中）。
在使用flex-direction属性时，需要注意以下几点：
flex-direction只能应用于容器元素，不能应用于子元素。
更改主轴方向会影响交叉轴方向的表现。
在使用row或row-reverse时，主轴的起点在左侧，终点在右侧。在使用column或column-reverse时，主轴的起点在顶部，终点在底部。
在更改主轴方向时，依赖主轴方向的属性（如justify-content和align-items）的效果也会发生变化。