要更改display:flex容器的主轴方向，您可以使用flex-direction属性。默认情况下，flex-direction的值为row，这意味着主轴是水平方向。
以下是将主轴方向更改为垂直方向的示例代码：
.container{
display:flex;
flex-direction:column;
}
在这个示例中，flex-direction的值被设置为column，这意味着主轴是垂直方向。
如果您想要将主轴方向反转，可以使用row-reverse或column-reverse。
例如，要将主轴方向更改为水平方向并反转容器中项目的顺序，请使用以下代码：
.container{
display:flex;
flex-direction:row-reverse;
}
当您更改flex-direction时，还会影响到以下属性的表现：
justify-content属性将控制项目在主轴上的对齐方式。
align-items属性将控制项目在交叉轴上的对齐方式。
flex-wrap属性将控制项目是否换行，如果flex-direction的值为row或row-reverse，则是控制项目在主轴上是否换行；如果flex-direction的值为column或column-reverse，则是控制项目在交叉轴上是否换行。
以下是flex-direction和其他相关属性之间的关系：
flex-direction:row(默认值)：
justify-content：水平对齐（左、中、右）。
align-items：垂直对齐（顶部、中心、底部）。
flex-wrap：在主轴上换行。
flex-direction:row-reverse：
justify-content：水平对齐（右、中、左）。
align-items：垂直对齐（顶部、中心、底部）。
flex-wrap：在主轴上换行。
flex-direction:column：
justify-content：垂直对齐（顶部、中心、底部）。
align-items：水平对齐（左、中、右）。
flex-wrap：在交叉轴上换行。
flex-direction:column-reverse：
justify-content：垂直对齐（底部、中心、顶部）。
align-items：水平对齐（左、中、右）。
flex-wrap：在交叉轴上换行。
希望这可以帮助您更好地理解display:flex容器的主轴方向和其他相关属性之间的关系。