在Flexbox布局中，有一个非常有用的CSS属性叫做flex-direction，它控制着主轴的方向。默认情况下，主轴是水平方向（从左到右），而侧轴是垂直方向（从上到下）。但是，通过设置flex-direction属性，您可以轻松地更改主轴和侧轴的方向，从而实现换轴的效果。
下面是flex-direction属性的四个可能的值及其含义：
row（默认值）：主轴为水平方向，起点在左端，终点在右端。
row-reverse：主轴为水平方向，起点在右端，终点在左端。
column：主轴为垂直方向，起点在上沿，终点在下沿。
column-reverse：主轴为垂直方向，起点在下沿，终点在上沿。
例如，如果您想在一个Flex容器中实现换轴的效果，即主轴为垂直方向，侧轴为水平方向，可以这样设置：
.container{
display:flex;
flex-direction:column;
}
这样，Flex容器的主轴就变成了垂直方向，从上到下排列Flex项目，而侧轴就变成了水平方向，从左到右排列Flex项目。