弹性布局中，主轴的方向决定了子元素的排列方式。如果需要改变主轴的方向，可以通过flex-direction属性来实现。该属性可以设置为以下几个值：
row：默认值，主轴方向为水平方向，即从左到右排列。
row-reverse：主轴方向为水平方向，但从右到左排列。
column：主轴方向为垂直方向，即从上到下排列。
column-reverse：主轴方向为垂直方向，但从下到上排列。
例如，以下样式将主轴方向设置为垂直方向，即从上到下排列：
.container{
display:flex;
flex-direction:column;
}
这将使得容器中的子元素从上到下依次排列。在改变主轴方向后，还可以通过justify-content和align-items属性来调整子元素在主轴方向和交叉轴方向的对齐方式，以达到更好的排列效果。
justify-content和align-items属性分别控制子元素在主轴方向和交叉轴方向的对齐方式，具体取值如下：
justify-content属性：
flex-start：默认值，子元素在主轴方向上靠左对齐。
flex-end：子元素在主轴方向上靠右对齐。
center：子元素在主轴方向上居中对齐。
space-between：子元素在主轴方向上平均分布，相邻元素之间的距离相等。
space-around：子元素在主轴方向上平均分布，每个元素周围的空间相等。
space-evenly：子元素在主轴方向上平均分布，包括首尾元素与容器之间的距离。
align-items属性：
flex-start：子元素在交叉轴方向上顶部对齐。
flex-end：子元素在交叉轴方向上底部对齐。
center：子元素在交叉轴方向上居中对齐。
stretch：子元素在交叉轴方向上拉伸，占据整个容器的高度。
baseline：子元素在交叉轴方向上以基线对齐，适用于文本元素。
例如，以下样式将主轴方向设置为垂直方向，并将子元素在主轴方向上居中对齐，交叉轴方向上顶部对齐：
.container{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
这将使得容器中的子元素在主轴方向上居中，交叉轴方向上顶部对齐。