1、flex怎么转轴
可以使用CSS中的属性旋转Flexbox项目transform。该transform属性允许您在2D或3D空间中旋转、缩放、倾斜或平移元素。
要旋转弹性项目，您可以使用rotate()以度值作为参数的函数。例如，要将弹性项目顺时针旋转45度，可以使用以下CSS代码：
CSS
复制代码
.flex-item{
transform:rotate(45deg);
}
这会将弹性项目围绕其中心点顺时针旋转45度。
您还可以使用其他函数来旋转弹性项目，例如rotateX()、rotateY()和rotateZ()，它们允许您围绕特定轴旋转元素。
请记住，旋转弹性项目可能会影响其容器和其他弹性项目的布局，因此您可能需要相应地调整弹性项目的位置和间距。
2、flex的改变侧轴
假设您要询问有关在CSS中更改弹性容器的轴，您可以使用该flex-direction属性来更改弹性项目排列的轴。flex-direction的默认值为row，它沿主轴将弹性项目排列在水平行中。
要将主轴更改为垂直，您可以设置flex-direction为column，如下所示：
CSS
复制代码
.container{
display:flex;
flex-direction:column;
}
这将导致弹性项目沿主轴垂直排列。
您还可以使用row-reverse和column-reverse的值flex-direction来沿主轴反转弹性项目的顺序：
CSS
复制代码
.container{
display:flex;
flex-direction:row-reverse;/*reverseorderofitemsinahorizontalrow*/
}
.container{
display:flex;
flex-direction:column-reverse;/*reverseorderofitemsinaverticalcolumn*/
}
我希望这有帮助！
3、flex主轴侧轴
Flexbox是CSS中的布局系统，允许您在容器内对齐和分布项目。弹性容器中有两个主轴：主轴和交叉轴。主轴沿着柔性容器布局的方向延伸，而横轴垂直于主轴延伸。
要在flexbox中使用主轴和交叉轴，可以将display容器的属性设置为flex。将容器设置为显示为flex后，您可以使用以下属性来控制主轴和交叉轴：
主轴：
flex-direction：该属性决定了主轴的方向。可以设置为row（默认）使主轴水平运行，或column使其垂直运行。
justify-content：此属性沿主轴对齐项目。它可以设置为flex-start（默认）在主轴的开头对齐项目，在flex-end结尾对齐它们，将它们居中center，space-between在每对相邻项目之间均匀分布它们的空间，或者space-around均匀地分布它们与空间围绕每个项目。
align-items：此属性沿交叉轴对齐项目。它可以设置为flex-start在交叉轴的起点对齐它们，flex-end在终点对齐它们，将center它们居中，baseline将它们对齐到它们的基线，或者stretch拉伸它们以填充交叉轴。
交叉轴：
flex-wrap：此属性确定如果项目不能全部放在一行中，是否应换行。它可以设置为nowrap（默认）以将所有项目保留在一行中，wrap必要时将它们换行到多行，或者wrap-reverse将它们换行到多行但顺序相反。
align-content：如果有多行项目，此属性将沿交叉轴对齐线。可以设置为flex-start在交叉轴的起点对齐，flex-end在终点对齐，居中center，space-between在每对相邻线之间均匀分布，或者在space-around每条线周围均匀分布.