[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