如果你想改变 Flexbox 容器的主轴方向，可以使用 flex-direction 属性。这个属性接受四个值中的一个：row（默认值）、row-reverse、column 和 column-reverse。
row：默认值。主轴从左到右排列，交叉轴从上到下排列。
row-reverse：主轴从右到左排列，交叉轴从上到下排列。
column：主轴从上到下排列，交叉轴从左到右排列。
column-reverse：主轴从下到上排列，交叉轴从左到右排列。
例如，如果你想把 Flexbox 容器的主轴方向改为从上到下排列，可以这样写：
.container {
display: flex;
flex-direction: column;
}
这将使得 Flexbox 容器中的项目按照垂直方向排列，而不是默认的水平方向排列。
当你改变 Flexbox 容器的主轴方向时，项目的排列顺序也会相应地改变。在默认的 row 方向中，项目是从左到右依次排列的；如果你改为 row-reverse，项目就会从右到左依次排列。
同样地，如果你把主轴方向改为 column，项目就会从上到下依次排列，而如果改为 column-reverse，项目就会从下到上依次排列。
除了 flex-direction，还有一些其他的属性也可以影响 Flexbox 容器和项目的排列方式，例如 justify-content 和 align-items。这些属性可以帮助你更精细地控制 Flexbox 布局的样式。