以下测试的代码:http://jsfiddle.net/fXdjm/
有关行高的问题:
请参考第一个框。两者之间的距离是多少 红色边框和第一行的文字顶部(比如L的头部)(“Gg - 第一行“)?
请参考第二个框。两者之间的距离是多少 “第二”中的“S”头和“正常身高”中的“l”头?
通过术语“一个角色”的头部,我指的是该角色的顶部。这是因为,一行可能包含高大小字符,如“lg”
答案 0 :(得分:0)
看看http://www.slideshare.net/maxdesign/line-height。 G的顶部和S(大写字母)之间的距离大约是行高减去font-size / 2.
以下是一些解释:
内容区域 font-size确定内容区域,其中包括大写字母和小写字母的区域,如p,g等。
<强>龙头强> 行高减去字体大小称为前导
<强>半领先强> 大写字母顶部和框顶部之间的空间称为半导体。
这个简单的公式通常是成立的,但是在行高小于字体大小的情况下它不会!
答案 1 :(得分:0)
听起来你正试图找出上半场领先。
如果你的字体大小是12像素,并且你的行高是14像素,那么你将拥有2px的半个前导(字形的上方和下方)。