微信小程序开发系列(五)Flex布局的详解
- 微信应用
- 2024-10-15 05:32:01
微信小程序开发系列(五)Flex布局的详解
这篇文章介绍微信小程序开发系列(五)Flex布局的详解
这篇文章介绍微信小程序开发系列(五)Flex布局的详解
本文介绍微信小程序开发系列(五)flex布局的详解
1:Flex布局
Flex布局如图1所示
图1
1.1 Flex容器属性
1.2 Flex容器内元素属性
align如果定义会覆写掉容器属性中的justify-content,align-items设置的属性
微信小程序开发工程中,新建文件layout,然后新建各种文件(以layout命名),
在layout.wxml中加入如下代码:
<view class="container1"><view class="item1">1</view><view class="item1">2</view><view class="item1">3</view><view class="item1">4</view></view>微信小程序开发系列(五)Flex布局的详解由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“微信小程序开发系列(五)Flex布局的详解”