Flex布局中，通过设置flex-direction属性来控制主轴的方向。默认情况下，主轴方向是从左到右的水平方向。
要更改主轴方向，可以使用以下属性值之一：
row: 主轴方向为从左到右的水平方向（默认值）。
row-reverse: 主轴方向为从右到左的水平方向。
column: 主轴方向为从上到下的垂直方向。
column-reverse: 主轴方向为从下到上的垂直方向。
例如，如果要将主轴方向从水平方向更改为垂直方向，可以将flex-direction属性设置为column，如下所示：
.container {
display: flex;
flex-direction: column;
}
这将使容器内的项目在垂直方向上排列。要在垂直方向上从底部向上排列项目，可以将flex-direction属性设置为column-reverse。
除了flex-direction属性，还有其他属性可以影响Flex布局的轴向。
flex-direction：设置主轴方向，可以是row（默认）、row-reverse、column或column-reverse。
flex-wrap：设置是否允许换行，默认为nowrap，不允许换行；wrap表示允许换行。
justify-content：控制项目在主轴上的对齐方式。可以是flex-start（默认）、flex-end、center、space-between（平均分配项目之间的空间）、space-around（平均分配项目周围的空间）或space-evenly（平均分配项目周围和之间的空间）。
align-items：控制项目在交叉轴上的对齐方式。可以是stretch（默认，拉伸项目以适应容器高度）、flex-start、flex-end、center或baseline（对齐项目的基线）。
align-content：当有多行时，控制多行项目在交叉轴上的对齐方式。可以是flex-start、flex-end、center、space-between、space-around或stretch（默认，拉伸项目以适应容器高度）。
通过设置这些属性中的任何一个或组合来更改Flex布局的轴向。