(1-2)line-height的各类属性值
2018-11-20 03:16:31来源:博客园 阅读 ()
(1-2)line-height的各类属性值
首先来个疑问!没有问题印象不深嘛
一、line-height支持哪些属性值呢?
五只手指头就能数过来了咯。 比如normal, <number>, <length>,<percent>,<inherit>。啊,惊奇发现,刚刚好5个,
接下来是长长的大图,有图有真相~~
这里可能大家有点看不明白,line-height: 1.5呢,就是利用其继承性,让它所有的子元素都具有1.5倍的行高,
然后乘上它自己的font-size值,就得到你看到的样子啦。
而line-height:150%呢,就是直接将应用上这个line-height:150%的元素乘上其font-size,得到行高再继承给
它的所有子元素。不是再重新计算噢
1.4286 避免各浏览器的舍入问题,
---------------------------------------------------------分割线---------------------------------------------------
小编码字找图不易,觉得好可以关注,后续还有继续推文噢
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- css 小知识点:inline/inline-block/line-height 2018-08-26
- 各类型盒子的基线的确定 2018-06-24
- CSS深入理解学习笔记之line-height 2018-06-24
- 2017-11-29 HTML5样式、链接和表格 2018-06-24
- 深入理解line-height与vertical-align——前端布局常用属性 2018-06-24
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash