博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】今天翻阅了一下曾经写过的代码，里面有这个一句：font:12px/20px,我也纳闷了，这是什么意思呢，然后我就自己做了测试，才发现 font 属性值中第一个数指的是大小，第二个数指的是行高。
在 font 或者 font-size 的属性值中可能会有两个参数，使用斜杠分割开的：font:12px/20px
其中 12px 指的是字体的大小（单位是像素）
20px 指的是字体的高度，（单位是像素），但是并不完全等同于 line-height ！！！
最后需要注意的是：这种用法只有在 pre 标签里使用才有效：
<pre>
<div style="font:12px/30px;border:1px solid red;">字体大小12像素，行高30像素</div>
<div style="font:12px/30px;border:1px solid red;">字体大小12像素，行高30像素</div>
</pre>
<div style="font:12px/30px;border:1px solid red;">字体大小12像素，行高30像素</div>
<div style="font:12px/30px;border:1px solid red;">字体大小12像素，行高30像素</div>
执行的结果如图所示：
由图可知，font:12px/20px 这种用法只有在 pre 标签之内使用才能够生效。
版权归 马富天PHP博客 所有
本文标题：《font-size:12px/20px 是什么意思，font-size中有两个数字带有斜杠的意义》
本文链接地址：http://www.mafutian.net/316.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶1
踩0
| 评论审核未开启 |
|
||