布局的传统解决方案, 基于盒状模型, 依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便, 比如, 垂直居中就不容易实现。2009年, W3C 提出了一种新的方案----Flex 布局, 可以简便、完整、响应式地实现各种页面布局。目前, 它已经得到了所有浏览器的支持, 这意味着, 现在就能很安全地使用这项功能。

教程列表：

Flex手机布局实战01 水平垂直居中

Flex手机布局实战02 列表布局

Flex手机布局实战03 九宫格布局

Flex手机布局实战04 两栏点餐APP布局

Flex手机布局实战05 横向排列触屏滚动阵列

Flex手机布局实战06 基于CSS3和Flex实现手风琴效果