要使用Flexbox的弹性来改变主轴的方向，可以使用flex容器上的flex-direction属性。默认情况下，flex-direction设置为row，表示子元素按行排列，而主轴沿水平方向。可以将其设置为以下值之一来更改主轴的方向：
row-reverse：子元素按行排列，但主轴沿相反的水平方向。
column：子元素按列排列，主轴沿垂直方向。
column-reverse：子元素按列排列，但主轴沿相反的垂直方向。
例如，如果要将主轴方向更改为垂直方向，并使子元素按列排列，则可以这样设置：
.container{
display:flex;
flex-direction:column;
}
这将使.container容器成为一个Flex容器，其子元素按列排列，并且Flex主轴沿垂直方向。请注意，Flex容器的默认flex-direction属性设置为row，因此如果要更改主轴方向，则必须显式地设置flex-direction属性。
除了flex-direction，还有一些其他的属性可以帮助你更好地控制Flexbox中主轴的方向和对齐方式：
justify-content：这个属性控制Flex容器中子元素在主轴方向上的对齐方式。常用的取值包括：flex-start（左对齐）、flex-end（右对齐）、center（居中对齐）、space-between（两端对齐，子元素之间间距相等）和space-around（子元素周围留有相等间距）等。
align-items：这个属性控制Flex容器中子元素在交叉轴方向上的对齐方式。常用的取值包括：flex-start（顶部对齐）、flex-end（底部对齐）、center（居中对齐）、baseline（基线对齐）和stretch（拉伸对齐）等。
align-content：当Flex容器有多行或多列时，这个属性控制所有行或列在交叉轴方向上的对齐方式。常用的取值包括：flex-start（顶部对齐）、flex-end（底部对齐）、center（居中对齐）、space-between（两端对齐，子元素之间间距相等）和space-around（子元素周围留有相等间距）等。
总之，在Flexbox中，通过设置flex-direction、justify-content、align-items和align-content等属性，可以灵活地控制子元素的排列方式和对齐方式，以满足不同的布局需求。