Web前端开发 课件 6.4 弹性布局.pptx

静态网页设计

第六章核心应用——排版布局

弹性布局

1什么是弹性布局弹性布局的适用场景2弹性布局的“容器”和“项目”3弹性布局的基础应用4

什么是弹性布局01

什么是弹性布局语法要实现弹性布局，需要给弹性容器添加display属性弹性容器{display:flex; /*将元素设置为弹性容器*/display:inline-flex; /*将元素设置为内联块级弹性容器*}CSS3新增的特性，是一种优化的CSS盒子模型，所以也叫“弹性盒子”代替传统float，主要用于控制子元素在一维空间上的排列和布局?前几乎得到所有浏览器的?持概念

弹性布局的适用场景02

弹性布局的适