在微信小程序flex布局中怎样改变轴的方向

时间:2024-10-11 20:40:34

1、首先我们打开微信开发者工具。

在微信小程序flex布局中怎样改变轴的方向

2、然后再项目文件目录中打开一个wxss的文件。

在微信小程序flex布局中怎样改变轴的方向

3、在文件中,我们通过flex-direction来改变轴的方向,可以改变4个方向,首咸犴孜稍先是row表示从左到右。

在微信小程序flex布局中怎样改变轴的方向

4、第二个就是row-reverse表示轴的方向从右到左。

在微信小程序flex布局中怎样改变轴的方向

5、第三个就是column表示轴的方向从上到下。

在微信小程序flex布局中怎样改变轴的方向

6、第四个就是column-reverse表示轴的方向从下到上。

在微信小程序flex布局中怎样改变轴的方向

7、最后我们来到效果预览区域进行预览!

在微信小程序flex布局中怎样改变轴的方向
© 手抄报圈