在Flex布局中，可以使用flex-direction属性来切换主轴方向。这个属性可以接受以下四个值：
row：默认值，主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。
例如，如果要将主轴方向切换为垂直方向，可以这样写：
.container{
display:flex;
flex-direction:column;
}
这将使得子元素按照从上到下的顺序排列，而不是默认的从左到右的顺序排列。当然，如果需要反向排列，可以使用row-reverse或column-reverse。
在使用flex-direction属性切换主轴方向时，还需要注意以下几点：
切换主轴方向会影响到justify-content和align-items属性的作用方向。例如，当主轴方向为水平方向时，justify-content控制的是水平方向上的对齐方式，align-items控制的是垂直方向上的对齐方式；当主轴方向为垂直方向时，这两个属性的作用方向就相反了。
在切换主轴方向后，子元素的排列方向也会相应地发生改变。例如，当主轴方向为垂直方向时，子元素的排列顺序将从上到下；当主轴方向为水平方向时，子元素的排列顺序将从左到右。
切换主轴方向可以通过媒体查询来实现响应式布局。例如，当屏幕宽度小于某个值时，可以将主轴方向切换为垂直方向，以便在小屏幕上更好地显示内容。这可以使用媒体查询和flex-direction结合起来实现。