使用CSS属性flex-direction可以改变flex容器中主轴的方向。默认情况下，主轴的方向是从左到右（对于ltr文本方向）或从右到左（对于rtl文本方向）。下面是一些常用的flex-direction属性值及其作用：
row：主轴方向从左到右，交叉轴方向从上到下。
row-reverse：主轴方向从右到左，交叉轴方向从上到下。
column：主轴方向从上到下，交叉轴方向从左到右。
column-reverse：主轴方向从下到上，交叉轴方向从左到右。
例如，将flex-direction设置为row-reverse可以将flex容器中的主轴方向改为从右到左。示例代码如下：
.container {
display: flex;
flex-direction: row-reverse;
}
这将使得flex容器中的项目从右到左排列。请注意，flex-direction属性仅适用于flex容器本身，而不是flex项目。
除了上面提到的四种flex-direction属性值，还有一个相对较少使用的值，即initial。该值会将flex-direction属性重置为默认值，即row。
另外，还有一些其他的CSS属性可以与flex-direction一起使用，以更好地控制flex容器的布局和项目的排列，例如：
justify-content：控制项目在主轴方向上的对齐方式。
align-items：控制项目在交叉轴方向上的对齐方式。
flex-wrap：控制项目是否换行。
align-content：控制多行项目在交叉轴方向上的对齐方式（仅当项目有换行时才生效）。
通过灵活使用这些属性，可以轻松地实现各种复杂的布局需求。