首页 > 微信应用  > 

微信小程序开发系列(五)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布局的详解