249045439
网站设计

企业网站设计弹性盒模型布局网页

发表日期:2023-12-09   作者来源:www.hbgszykt.com   浏览:0   标签:    

弹性盒模型布局网页。弹性盒布局模型是CSS3规范中提出的一种新的布局方法。用该模型,可以非常轻松地创建自适应浏览器窗口的布局,可以解决浮动定位等办法很难解决的问题(李东海,HTML5+CSS3从基础知识到精通:清华大学出版社,2017;曾祥利,柴炜嘉,响应式布局中栅格系统和弹性盒子的比较:产业与科技坛,2015),为网站制作提供了愈加灵活的操作办法。 要开启弹性盒模型,仅需设置父盒子的display属性值为box(或者inlinebox)即可,达成父容器里面子元素的排列方法、顺序、方向等问题。譬如不用浮动和定位的状况下达成块级元素的水平排列,可以把父元素的宽度根据比率分配子元素且自适应高度。但部分浏览器还不可以非常不错的支持CSS3的属性,在书写CSS代码的时候,需要明确目的浏览器前缀。 2011年之后,display属性值改设为flex(或者inline-flex),大多数新版浏览器基本都不需要用前缀了,这也是所谓的规范语法或新版本语法。但display:flex不可以完全替代display:box。

如没特殊注明,文章均为优果网 原创,转载请注明来自http://www.huiguohuo.com/news/sheji/5845.html