微信小程序开发系列（五）Flex布局的详解

发布日期： 2018-05-10 阅读量： 作者： 网络

本文介绍微信小程序开发系列（五）flex布局的详解

1：Flex布局

Flex布局如图1所示

微信小程序开发系列（五）详解

图1

1.1 Flex容器属性

微信小程序开发系列（五）详解

1.2 Flex容器内元素属性

微信小程序开发系列（五）详解

align如果定义会覆写掉容器属性中的justify-content，align-items设置的属性

微信小程序开发工程中，新建文件layout，然后新建各种文件（以layout命名），

在layout.wxml中加入如下代码：

<view><view>
1
</view><view>
2
</view><view>
3
</view><view>
4
</view></view>

随便看看