《02 列表布局》
(提示:如果视频分为多个小段,请下载后用视频合并软件合并。)布局的传统解决方案, 基于盒状模型, 依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便, 比如, 垂直居中就不容易实现。2009年, W3C 提出了一种新的方案----Flex 布局, 可以简便、完整、响应式地实现各种页面布局。目前, 它已经得到了所有浏览器的支持, 这意味着, 现在就能很安全地使用这项功能。
教程列表:
Flex手机布局实战01 水平垂直居中
Flex手机布局实战02 列表布局
Flex手机布局实战03 九宫格布局
Flex手机布局实战04 两栏点餐APP布局
Flex手机布局实战05 横向排列触屏滚动阵列
Flex手机布局实战06 基于CSS3和Flex实现手风琴效果