css flex转轴

若要在CSS中改变flex容器的主轴排列方向，可以使用flex-direction属性。根据引用，如果要将主轴排列方向改为与原来相反的方向，可以添加-reverse后缀。例如，使用flex-direction: row-reverse;可以将主轴方向改为水平方向的相反方向。同样地，使用flex-direction: column-reverse;可以将主轴方向改为垂直方向的相反方向。

另外，根据引用，在使用flex布局时，需要在父容器上添加display: flex;属性。这样，所有的子容器（也就是flex容器）将在一行上显示，而不会自动换行。

综上所述，使用flex-direction属性可以轻松控制flex容器的主轴排列方向，并使用display: flex;属性将子容器设置为flex容器。