在Flex布局中，通过flex-direction属性可以指定主轴的方向。默认情况下，主轴是水平方向（即从左到右），而交叉轴是垂直方向（即从上到下）。
要更改主轴的方向，可以将flex-direction属性设置为以下任一值之一：
row-reverse:主轴为水平方向，从右到左排列
column:主轴为垂直方向，从上到下排列
column-reverse:主轴为垂直方向，从下到上排列
例如，以下代码将flex-direction属性设置为column，从而将主轴方向更改为垂直方向：
.container{
display:flex;
flex-direction:column;
}
在这个示例中，Flex容器的子元素将沿着垂直方向排列，从上到下。如果您希望沿着从下到上的方向排列子元素，可以将flex-direction设置为column-reverse。
当您更改flex-direction属性时，它不仅仅会影响主轴的方向，还会影响到子元素的排列方式。
在默认情况下，子元素会沿着主轴从起点（通常是左侧）开始排列，然后沿着交叉轴进行对齐。但是，当您将flex-direction设置为其他值时，它会影响到子元素的起点和交叉轴对齐方式。
例如，当您将flex-direction设置为row-reverse时，子元素将从容器的右侧开始排列，而交叉轴对齐方式不会发生变化。同样，当您将flex-direction设置为column或column-reverse时，子元素将从容器的顶部开始排列，而交叉轴对齐方式将沿着容器的水平中心线进行对齐。
以下是一个示例代码，演示如何使用flex-direction将主轴方向更改为垂直方向，并将子元素沿着从下到上的方向排列：
.container{
display:flex;
flex-direction:column-reverse;
}
注意，这只是一个简单的示例，您可以使用其他Flex属性来更改子元素的排列方式和对齐方式，以满足您的需求。