在Flex布局中，可以通过flex-direction属性来改变主轴的方向。该属性接受以下值：
row：主轴方向为水平方向，起点在左端。
row-reverse：主轴方向为水平方向，起点在右端。
column：主轴方向为垂直方向，起点在上端。
column-reverse：主轴方向为垂直方向，起点在下端。
以下是示例代码，将主轴方向改为水平方向（默认为row）：
.container{
display:flex;
flex-direction:row;
}
以下是示例代码，将主轴方向改为垂直方向：
.container{
display:flex;
flex-direction:column;
}
值得注意的是，改变主轴方向可能会影响到项目在容器中的排列顺序。例如，当主轴方向为column时，项目会从上到下排列，而在row方向时则是从左到右排列。如果需要改变项目的排列顺序，可以使用order属性。
除了使用flex-direction属性之外，还可以使用flex-wrap属性来控制项目是否换行。该属性接受以下值：
nowrap：不换行。
wrap：换行，第一行在上方。
wrap-reverse：换行，第一行在下方。
以下是示例代码，将项目换行：
.container{
display:flex;
flex-wrap:wrap;
}
在项目换行时，可以使用align-content属性来控制多行项目在交叉轴上的对齐方式。该属性接受以下值：
flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
space-between：多行项目的间距平均分布。
space-around：每行项目的间距相等，且两端的间距是其他间距的一半。
stretch：默认值，如果项目未设置高度或设为auto，将占满整个容器的高度。
以下是示例代码，将多行项目在交叉轴上居中对齐：
css
Copycode
.container{
display:flex;
flex-wrap:wrap;
align-content:center;
}
通过以上属性的组合和调整，可以实现灵活的项目布局和排列方式。