在Flexbox中，可以通过设置容器的flex-direction属性来改变主轴和交叉轴的方向。
默认情况下，flex-direction的值为row，表示主轴方向为水平方向，交叉轴方向为垂直方向。但是，可以使用以下值来改变主轴和交叉轴的方向：
row-reverse：将主轴方向改为水平方向，但是反向排列元素。
column：将主轴方向改为垂直方向。
column-reverse：将主轴方向改为垂直方向，但是反向排列元素。
例如，要将主轴方向改为垂直方向，可以将flex-direction设置为column：
.container{
display:flex;
flex-direction:column;
}
这将使得元素从上到下依次排列，并且交叉轴方向为水平方向。如果要反向排列元素，可以使用column-reverse：
.container{
display:flex;
flex-direction:column-reverse;
}
这将使得元素从下到上依次排列，并且交叉轴方向仍然为水平方向。
除了flex-direction，还有其他属性可以用来改变交叉轴方向和对齐方式：
justify-content：控制主轴上的对齐方式。可以使用以下值：
flex-start：从主轴起点对齐。
flex-end：从主轴终点对齐。
center：在主轴上居中对齐。
space-between：在主轴上平均分配元素，并在元素之间留下空白。
space-around：在主轴上平均分配元素，并在元素周围留下相等的空白。
space-evenly：在主轴上平均分配元素，并在元素周围留下相等的空白。
align-items：控制交叉轴上的对齐方式。可以使用以下值：
flex-start：从交叉轴起点对齐。
flex-end：从交叉轴终点对齐。
center：在交叉轴上居中对齐。
baseline：按照元素的基线对齐。
stretch：默认值，拉伸元素以填充交叉轴空间。
align-content：控制多行元素之间的对齐方式，仅在元素有多行时有效。可以使用以下值：
flex-start：从交叉轴起点对齐。
flex-end：从交叉轴终点对齐。
center：在交叉轴上居中对齐。
space-between：在交叉轴上平均分配元素，并在元素之间留下空白。
space-around：在交叉轴上平均分配元素，并在元素周围留下相等的空白。
stretch：默认值，拉伸元素以填充交叉轴空间。
这些属性的使用和效果可以根据具体情况进行调整，以实现所需的布局效果。