网页制作（HTML5+CSS3） 课件ch08Flex弹性布局及应用.pptx

Flex弹性布局及应用

网页制作（HTML5+CSS3）

常见网页布局（layout）

网页布局（layout）是CSS的一个应用重点

已掌握的布局方法

布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。

Flex布局

2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

使用flex布局

Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为Flex布局。