CSS的flex布局中有两个主要的轴：主轴和交叉轴。
主轴是flex容器中设置了flex-direction属性后沿着容器的方向延伸的轴，可以是水平轴（flex-direction:row）或者垂直轴（flex-direction:column）。
交叉轴则是与主轴垂直的轴，如果主轴是水平轴，则交叉轴是垂直轴，反之亦然。
当flex容器中的元素被排列在主轴上时，它们的排列方式由justify-content属性决定，当它们被排列在交叉轴上时，它们的排列方式由align-items和align-content属性决定。
如果你需要更改主轴和交叉轴的方向，可以通过设置flex-direction属性来实现。例如，如果你想将主轴设置为垂直轴，可以使用以下代码：
.container{
display:flex;
flex-direction:column;
}
这将使flex容器的主轴变成垂直轴，元素将按照从上到下的方向排列。你可以通过设置其他属性来控制元素在交叉轴上的对齐方式。
除了通过设置flex-direction属性来更改主轴和交叉轴的方向之外，还可以使用flex-wrap属性来控制元素在主轴上的排列方式。
默认情况下，当元素在主轴上的总宽度超过容器的宽度时，它们会自动缩小以适应容器的大小。但是，如果你想让它们换行而不是缩小，可以将flex-wrap属性设置为wrap或wrap-reverse。例如：
.container{
display:flex;
flex-wrap:wrap;
}
这将使元素在主轴上换行，并在新的行上继续排列。你可以使用其他属性来控制元素在交叉轴上的对齐方式。
总的来说，flex布局提供了非常灵活的排列元素的方式，可以通过设置主轴和交叉轴的方向，以及使用其他属性来控制元素在主轴和交叉轴上的排列方式来实现。