在Flexbox布局中，主轴是决定项目排列方向的轴。默认情况下，主轴是从左到右排列，即水平方向。如果你想修改主轴的方向，可以通过修改容器的flex-direction属性来实现。flex-direction属性有四个可能的值，分别是：
row（默认值）：主轴为水平方向，从左到右排列项目。
row-reverse：主轴为水平方向，从右到左排列项目。
column：主轴为垂直方向，从上到下排列项目。
column-reverse：主轴为垂直方向，从下到上排列项目。
例如，如果你想让主轴为垂直方向，可以这样设置：
.container {
display: flex;
flex-direction: column;
}
这样，项目就会按照从上到下的顺序排列。如果你想反转排列顺序，可以使用column-reverse：
.container {
display: flex;
flex-direction: column-reverse;
}
这样，项目就会按照从下到上的顺序排列。
除了修改主轴方向之外，还可以通过修改主轴对齐方式来控制项目在主轴上的对齐方式。justify-content属性可以设置主轴上的对齐方式，有以下几个可能的值：
flex-start：默认值，项目在主轴起点对齐。
flex-end：项目在主轴终点对齐。
center：项目在主轴中心对齐。
space-between：项目平均分布在主轴上，首尾项目与容器边界对齐。
space-around：项目平均分布在主轴上，各项目之间和项目与容器边界之间的距离相等。
space-evenly：项目平均分布在主轴上，各项目之间和项目与容器边界之间的距离相等。
例如，如果你想让项目在主轴上居中对齐，可以这样设置：
.container {
display: flex;
justify-content: center;
}
这样，项目就会在主轴上居中对齐。如果你想让项目均匀分布在主轴上，可以使用space-between或space-around：
.container {
display: flex;
justify-content: space-between; /* 或者 justify-content: space-around; */
}
这样，项目就会平均分布在主轴上，首尾项目与容器边界对齐，或者各项目之间和项目与容器边界之间的距离相等。