[TOC] ## 3.1 Flex布局 在小程序开发中，我们需要考虑各种尺寸终端设备上的适配。在传统网页开发，我们用的是盒模型，通过`display:inline | block | inline-block、 position、float`来实现布局，缺乏灵活性且有些适配效果难以实现。 采用flex布局的元素，简称为“容器”，在代码示例中以`container`表示容器的类名。容器内的元素简称为“项目”，在代码示例中以`item`表示项目的类名。  :-: 图4-4 container容器和item项目 flex的概念最早是在2009年被提出，目的是提供一种更灵活的布局模型，使容器能通过改变里面项目的高宽、顺序，来对可用空间实现最佳的填充，方便适配不同大小的内容区域。 ### 3.1.1 container ### 3.1.2 item