要更改Flex布局的方向，可以使用flex-direction属性。默认情况下，flex-direction的值为row，这意味着Flex容器中的Flex项从左到右排列。但是，可以将其设置为以下四个值之一，以更改Flex容器中Flex项的方向：
row-reverse：Flex项从右到左排列。
column：Flex项从上到下排列。
column-reverse：Flex项从下到上排列。
reverse：Flex项从右到左排列，并且在垂直方向上从下到上排列。
以下是一个示例，展示如何将Flex容器的方向从默认的水平方向更改为垂直方向：
.container {
display: flex;
flex-direction: column;
}
此代码将Flex容器中的Flex项从上到下排列，而不是从左到右排列。要更改方向，请将flex-direction属性的值更改为适当的选项。
除了更改Flex容器的方向之外，还可以使用其他Flex布局属性来控制Flex项在容器中的位置和大小。以下是一些常用的Flex布局属性：
justify-content：控制Flex项在主轴方向上的对齐方式。可以设置为flex-start（默认值），flex-end，center，space-between和space-around。
align-items：控制Flex项在交叉轴方向上的对齐方式。可以设置为flex-start，flex-end，center，baseline和stretch（默认值）。
align-content：控制多行Flex项在交叉轴方向上的对齐方式。可以设置为flex-start，flex-end，center，space-between，space-around和stretch（默认值）。
flex-wrap：控制Flex项是否可以换行。可以设置为nowrap（默认值），wrap和wrap-reverse。
flex-grow：控制Flex项在可用空间上的增长比例。默认值为0，即Flex项不会增长。
flex-shrink：控制Flex项在空间不足时缩小的比例。默认值为1，即Flex项将根据可用空间缩小。
flex-basis：设置Flex项在没有任何空间限制时的初始大小。默认值为auto。
要使用这些属性，请将它们应用于Flex容器或Flex项，并为其指定适当的值。例如，以下代码将Flex容器中的Flex项水平居中对齐：
.container {
display: flex;
justify-content: center;
}
以上代码将Flex容器中的Flex项沿着主轴居中对齐。您可以将justify-content的值更改为其他选项，以控制Flex项在主轴方向上的对齐方式。