微信开发者工具中的flex-wrap怎样使用

时间:2024-10-12 03:39:53

1、打开一个wxml文件,在里面的容器里定义了3个项目,默认是一行显示的。

微信开发者工具中的flex-wrap怎样使用

2、然后来到wxss文件中。

微信开发者工具中的flex-wrap怎样使用

3、首先设置为flex布局,其中flex-wrap有3个属性,第一个属性是wrap,表示换行。

微信开发者工具中的flex-wrap怎样使用

4、第二个属性是no-wrap,表示不换行。

微信开发者工具中的flex-wrap怎样使用

5、第三个属性是wrap-reverse,表示换行,但方向相反。

微信开发者工具中的flex-wrap怎样使用

6、最后保存,在模拟器中查看flex-wrap设置之后的效果。

微信开发者工具中的flex-wrap怎样使用
© 手抄报圈