关于线高的问题:

时间:2011-12-13 14:40:18

标签: css

以下测试的代码:http://jsfiddle.net/fXdjm/

有关行高的问题:

  • 请参考第一个框。两者之间的距离是多少 红色边框和第一行的文字顶部(比如L的头部)(“Gg - 第一行“)?

  • 请参考第二个框。两者之间的距离是多少 “第二”中的“S”头和“正常身高”中的“l”头?

通过术语“一个角色”的头部,我指的是该角色的顶部。这是因为,一行可能包含高大小字符,如“lg”

2 个答案:

答案 0 :(得分:0)

看看http://www.slideshare.net/maxdesign/line-height。 G的顶部和S(大写字母)之间的距离大约是行高减去font-size / 2.

以下是一些解释:

内容区域 font-size确定内容区域,其中包括大写字母和小写字母的区域,如p,g等。

<强>龙头 行高减去字体大小称为前导

<强>半领先 大写字母顶部和框顶部之间的空间称为半导体

这个简单的公式通常是成立的,但是在行高小于字体大小的情况下它不会!

答案 1 :(得分:0)

听起来你正试图找出上半场领先。

如果你的字体大小是12像素,并且你的行高是14像素,那么你将拥有2px的半个前导(字形的上方和下方)。

http://reference.sitepoint.com/css/line-height