宝哥软件园

微信小程序开发详解《五》布局依据

编辑:宝哥软件园 来源:互联网 时间:2021-12-21

1:Flex布局

Flex布局如图1所示。

微信小程序开发详解《五》布局基础(图1)

图1

1.1 Flex容器属性

微信小程序开发详解《五》布局基础(图2)

1.2 Flex容器内元素属性

微信小程序开发详解《五》布局基础(图3)

如果定义对齐,将覆盖容器属性中由对齐内容和对齐项设置的属性。

在微信小程序开发项目中,新建文件布局,然后新建文件(以布局命名)。

在layout.wxml中添加以下代码:

更多资讯
游戏推荐
更多+