CSS3的box-sizing属性图文教程

php中世界最好的语言
Freigeben: 2018-03-22 16:08:32
Original
1619 Leute haben es durchsucht

这次给大家带来CSS3的box-sizing属性图文教程,使用CSS3的box-sizing属性注意事项有哪些,下面就是实战案例,一起来看一下。

简介

box-sizing属性包括content-box(default),border-box,padding-box。

1、content-box,border和padding不计算入width之内

2、padding-box,padding计算入width内

3、border-box,border和padding计算入width之内,其实就是怪异模式了~

注意:

ie8+浏览器支持content-box和border-box;

ff则支持全部三个值。

使用时:

-webkit-box-sizing: 100px; // for ios-safari,android

-moz-box-sizing:100px; //for ff

box-sizing:100px; //for other

示例如下:

Nach dem Login kopieren

截图(ff):

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

在CSS边界线消失如何处理

实现多背景模拟动态边框

Das obige ist der detaillierte Inhalt vonCSS3的box-sizing属性图文教程. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!