(精)14弹性盒布局.pptVIP

课程知识 盒布局基本知识 弹性盒模型 微网站案例 Web前端移动开发上-弹性盒模型 1 弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。 Web前端移动开发上-弹性盒模型概念 1 案例-微网站排版 2 案例功能： 1、页面排版 2、注意弹性盒布局的使用 3、定位的使用 4、弹性盒布局和定位的结合使用 web前端移动开发上-微网站排版 3 弹性盒模型 4 方法 说明 box-flex 设置或检索弹性盒模型对象的子元素如何分配其剩余空间 box-flex-group 设置或检索弹性盒模型对象的子元素的所属组。 box-orient 设置或检索弹性盒模型对象的子元素的排列方式。 box-pack，box-align 设置或检索弹性盒模型对象的子元素的对齐方式 box-direction 设置或检索弹性盒模型对象的子元素的排列顺序是否反转 box-ordinal-group 设置或检索弹性盒模型对象的子元素的显示顺序。 box-flex 属性 5 语法：box-flex：number 默认值：0 取值：number： 使用浮点数指定对象所分配其父元素剩余空间的比例。 说明：设置或检索弹性盒模型对象的子元素如何分配其剩余空间。 bo