11.微信小程序（Flex布局-容器属性）

大纲

（1）场景
（2）容器与项目元素
（3）主轴与交叉轴
（4）容器属性

盒模型分类

盒模型分类：IE盒模型，标准盒模型，本质区别：宽高计算方式

场景

在小程序开发中，需要考虑各种尺寸终端设备上的适配。
在传统网页开发，用的是盒模型，通过display:inline | block | inline-block、 position、float来实现布局，缺乏灵活性且有些适配效果难以实现
比如下面常见的信息列表，要求内容高度不确定情况下，保持垂直居中

在不固定高度信息的例子中，只需要在容器中设置以下两个属性即可实现内容不确定下的垂直居中。

前言

微信小程序 View视图标签支持两种布局方式：Block 和 Flex

注意：
所有 View 默认都是 block浮动布局