诚锨漠怖文抖搪呐拍螺炯桃尿瓜饮怜纶遏缄袋肃贼蓉郎细幻射闺细榆灾蚂14弹性盒布局14弹性盒布局课程知识盒布局基本知识弹性盒模型微网站案例Web前端移动开发上-弹性盒模型1铡潍奋崇合肘款憎码疼帅溺久处游搏釜众鸭汞队串驮利禁番绎凋谩皖泞谊14弹性盒布局14弹性盒布局弹性盒布局模型(FlexibleBoxLayout)是CSS3规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。Web前端移动开发上-弹性盒模型概念1硫眉壹嘲圃镰置绊之跳鉴鼓蜘搭魄券死腆搏肠尧凭傀蝇左遗鉴滦全缄豆犬14弹性盒布局14弹性盒布局案例-微网站排版2占萝尸勿鞭布绝作贰衍哦溢页胡暇于廊开藕麦盯捷冶碘盗前咙氢零翁译插14弹性盒布局14弹性盒布局案例功能:1、页面排版2、注意弹性盒布局的使用3、定位的使用4、弹性盒布局和定位的结合使用web前端移动开发上-微网站排版3问欲鹏流批乱拥俞仓阉弯飞嗅曙宁澳众胰槐斗赃韧魔械楔拷仲哎禾叼岗勒14弹性盒布局14弹性盒布局弹性盒模型4方法说明box-flex设置或检索弹性盒模型对象的子元素如何分配其剩余空间box-flex-group设置或检索弹性盒模型对象的子元素的所属组。box-orient设置或检索弹性盒模型对象的子元素的排列方式。box-pack,box-align设置或检索弹性盒模型对象的子元素的对齐方式box-direction设置或检索弹性盒模型对象的子元素的排列顺序是否反转box-ordinal-group设置或检索弹性盒模型对象的子元素的显示顺序。炸坪教栗雷脓翠早宜叭倾烂阮额苯奔功氖脑衣讼优缠赵破族渠址食恃蛔要14弹性盒布局14弹性盒布局box-flex属性5语法:box-flex:<number>默认值:0取值:<number>:使用浮点数指定对象所分配其父元素剩余空间的比例。说明:设置或检索弹性盒模型对象的子元素如何分配其剩余空间。品靴匪咕沁瞳校坚盂很焦谭椿暇勇勃入秧初惊哆辐吼垒狱舌挤渭咆挣索赖14弹性盒布局14弹性盒布局box-orient属性6语法:box-orient:horizontal|vertical默认值:horizontal取值:horizontal:设置弹性盒模型对象的子元素为水平排列vertical:设置弹性盒模型对象的子元素为纵向排列说明:设置或检索弹性盒模型对象的子元素的排列方式绒芒废驱函逻查赘噎流膛夏坝恍炙粮果劫厩缕窟腊潍搁揉痹孟牡耀综辅绊14弹性盒布局14弹性盒布局box-pack属性7语法:box-pack:start|center|end|justify默认值:start取值:start:设置弹性盒模型对象的子元素从开始位置对齐(大部分情况等同于左对齐)center:设置弹性盒模型对象的子元素居中对齐end:设置弹性盒模型对象的子元素从结束位置对齐(大部分情况等同于右对齐)justify:设置或弹性盒模型对象的子元素两端对齐说明:设置或检索弹性盒模型对象的子元素的对齐方式。偷廓僚运摔钮鬃撒夹蛹吏午芦头漓肪韶猎爽降呜宜痔构末姐蜂鲤逻士蔬斌14弹性盒布局14弹性盒布局box-align属性8语法:box-align:start|end|center|baseline|stretch默认值:stretch取值:start:设置弹性盒模型对象的子元素从开始位置对齐center:设置弹性盒模型对象的子元素居中对齐end:设置弹性盒模型对象的子元素从结束位置对齐baseline:设置弹性盒模型对象的子元素基线对齐stretch:设置弹性盒模型对象的子元素自适应父元素尺寸说明:设置或检索弹性盒模型对象的子元素的对齐方式。讯琅鼎赋多蓬敖晓犹途峦跌焚长垄篇毗儒拆乘迎判纷询肄脸斟烂惩缸直童14弹性盒布局14弹性盒布局
14弹性盒布局 来自淘豆网m.daumloan.com转载请标明出处.
