在使用Flexbox进行布局时，可以通过修改flex-direction属性来改变主轴方向。默认情况下，flex-direction的值为row，表示主轴方向为水平方向。如果要将主轴方向改为垂直方向，则可以将flex-direction的值设为column。
.container{
display:flex;
flex-direction:column;/*将主轴方向改为垂直方向*/
}
以上代码将.container元素设置为Flex容器，并将主轴方向改为垂直方向。在这种布局下，Flex容器中的子元素将按照从上到下的顺序排列。
除了将flex-direction的值设为column，还有其他一些值可以用来改变主轴方向：
row-reverse：将主轴方向设置为水平方向，但子元素排列顺序从右到左。
column-reverse：将主轴方向设置为垂直方向，但子元素排列顺序从下到上。
示例代码：
.container{
display:flex;
flex-direction:row-reverse;/*将主轴方向改为水平方向，但子元素排列顺序从右到左*/
}
以上代码将.container元素设置为Flex容器，并将主轴方向改为水平方向，但子元素排列顺序从右到左。
除了flex-direction属性之外，还有其他一些Flexbox属性可以用来控制主轴和交叉轴的方向、对齐方式、弹性等等。这些属性包括：justify-content、align-items、align-content、flex-wrap、flex-flow等。通过灵活使用这些属性，可以实现各种复杂的布局效果。