详解CSS3中的box

日期:2021-02-28 类型:科技新闻 

关键词:微信小程序商城,免费微信小程序,小程序设计软件,小程序生成平台,可查询的小程序

CSS3中的box-sizing(content-box与border-box)

CSS3中的box-sizing 特性容许以特殊的方法来特定盒实体模型,有两种方法:

content-box:规范盒实体模型,又叫做 W3C盒实体模型,1般在当代访问器中应用的全是这个盒实体模型

border-box:奇异盒实体模型,低版本号IE访问器中的盒实体模型

当代访问器和IE9+默认设置值是content-box。

英语的语法文件格式:

box-sizing:content-box | border-box

差别:

content-box:padding和border不被包括在界定的width和height以内。

盒子的具体宽度=设定的width+padding+border

border-box:padding和border被包括在界定的width和height以内。

盒子的具体宽度=设定的width(padding和border不容易危害具体宽度)

总结

以上所述是网编给大伙儿详细介绍的CSS3中的box-sizing(content-box与border-box),期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!

上一篇:css 两列合理布局处理计划方案 返回下一篇:没有了