在flex布局中，可以使用flex-direction属性来改变主轴方向。默认情况下，主轴方向是水平方向（即从左到右），但是可以通过设置flex-direction属性来将主轴方向改为垂直方向（即从上到下），或者改为水平方向的反向（即从右到左）。
以下是几种常见的flex-direction属性值及其含义：
row（默认值）：主轴方向为水平方向，子元素从左到右排列。
column：主轴方向为垂直方向，子元素从上到下排列。
row-reverse：主轴方向为水平方向，子元素从右到左排列。
column-reverse：主轴方向为垂直方向，子元素从下到上排列。
下面是一个示例，演示如何将主轴方向改为垂直方向：
<divclass="container">
<divclass="item">Item1</div>
<divclass="item">Item2</div>
<divclass="item">Item3</div>
</div>
.container{
display:flex;
flex-direction:column;
}
.item{
width:100px;
height:100px;
background-color:red;
margin:10px;
}
在这个示例中，flex-direction属性被设置为column，因此子元素在主轴方向上从上到下排列。同时，每个子元素都有相同的宽度和高度，并且带有一些边距和背景色，以便更清楚地展示它们的布局。
接下来，我将向您展示如何将主轴方向改为水平方向的反向（从右到左）。在这种情况下，您可以将flex-direction属性设置为row-reverse，如下所示：
.container{
display:flex;
flex-direction:row-reverse;
}
.item{
width:100px;
height:100px;
background-color:red;
margin:10px;
}
在这个示例中，flex-direction属性被设置为row-reverse，因此子元素在主轴方向上从右到左排列。同样，每个子元素都有相同的宽度和高度，并且带有一些边距和背景色。
值得注意的是，除了flex-direction属性之外，还有一些其他的属性可以用来调整flex布局，例如justify-content和align-items等属性，它们可以帮助您在主轴和侧轴方向上对齐和分配空间。因此，在使用flex布局时，您需要熟练掌握这些属性，以便更好地控制布局。