要改变CSSFlexbox布局的主轴方向，可以使用flex-direction属性。该属性控制Flexbox布局中的主轴方向，可以设置为以下四个值之一：
row（默认值）：主轴为水平方向，项目按照从左到右的顺序排列。
row-reverse：主轴为水平方向，项目按照从右到左的顺序排列。
column：主轴为垂直方向，项目按照从上到下的顺序排列。
column-reverse：主轴为垂直方向，项目按照从下到上的顺序排列。
例如，将Flexbox布局的主轴方向改为垂直方向，可以使用以下代码：
.container{
display:flex;
flex-direction:column;
}
这将使.container内部的项目按照从上到下的顺序排列。
除了flex-direction属性之外，还有其他一些与主轴方向相关的属性可以用来改变Flexbox布局的外观。
justify-content属性可以控制Flexbox容器中项目沿着主轴方向的对齐方式。可以设置为以下几个值之一：flex-start（默认值，左对齐），flex-end（右对齐），center（居中对齐），space-between（两端对齐，项目之间的间隔相等），space-around（每个项目周围的间隔相等），以及space-evenly（每个项目前后的间隔和项目之间的间隔都相等）。
align-items属性可以控制Flexbox容器中项目沿着交叉轴方向的对齐方式。可以设置为以下几个值之一：flex-start（上对齐），flex-end（下对齐），center（居中对齐），baseline（基线对齐），以及stretch（项目拉伸以适应容器的高度）。
align-content属性可以控制多行Flexbox容器中行沿着交叉轴方向的对齐方式。可以设置为与justify-content相同的值。
这些属性的使用可以根据实际需要进行组合，以达到不同的布局效果。