在Flex布局中，主轴和侧轴的方向是由flex-direction属性来确定的。默认情况下，主轴方向是水平方向，侧轴方向是垂直方向。如果你想要互换主轴和侧轴的方向，可以使用flex-direction属性，并将其值设置为row-reverse或column-reverse，具体取决于你想要实现的效果。
例如，如果你想要将主轴方向设置为垂直方向，将侧轴方向设置为水平方向，可以这样写：
.container {
display: flex;
flex-direction: column;
}
如果你想要将主轴方向设置为水平方向，将侧轴方向设置为垂直方向，可以这样写：
.container {
display: flex;
flex-direction: row;
}
在flex-direction属性中，除了row和column以外，还有row-reverse和column-reverse两个值，它们可以分别实现主轴和侧轴方向的反转。例如，下面的代码将主轴方向设置为水平方向，但是从右到左排列，侧轴方向设置为垂直方向：
.container {
display: flex;
flex-direction: row-reverse;
}
当你通过设置flex-direction属性的值为column-reverse时，主轴方向将变为垂直方向，但是从下到上排列，侧轴方向将变为水平方向。例如：
.container {
display: flex;
flex-direction: column-reverse;
}
除了通过设置flex-direction属性来互换主轴和侧轴方向之外，你也可以使用flex-wrap和flex-flow属性来实现类似的效果。具体地说，可以将flex-wrap属性设置为wrap或wrap-reverse，然后再使用flex-flow属性来指定主轴和侧轴的方向，例如：
.container {
display: flex;
flex-wrap: wrap-reverse;
flex-flow: column nowrap;
}
上面的代码将主轴方向设置为垂直方向，侧轴方向设置为水平方向，同时从下到上排列。请注意，flex-flow属性实际上是flex-direction和flex-wrap属性的缩写形式。
总之，在Flex布局中，你可以通过灵活地使用flex-direction、flex-wrap和flex-flow等属性，轻松实现主轴和侧轴方向的互换和反转，以满足不同的布局需求。