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

flex-wrap用于设置容器内的项目是否换行。

工具/原料

  • 惠普pro
  • windows10
  • 微信开发者工具16.3

方法/步骤

  1. 1

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

  2. 2

    然后来到wxss文件中。

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。