2011-12-13 62 views
1

代碼以下測試:http://jsfiddle.net/fXdjm/問題有關線高度:

問題有關線高度:

  • 請參考第一個框。 紅色邊框與第一行的文本頂部(稱爲L的頭部)(「Gg - First Line」)之間的距離長度是多少?

  • 請參閱第二格。 「秒」中「秒」的頭部與「正常高度」中的「l」的頭部之間的距離是多少?

通過「字符」這個術語的頭,我指的是人物的頂部。這是因爲,一行可能包含高和小字符,如「lg」

+2

這是問題的方式? –

+0

無法理解這些問題,請更改。 – Yisela

+0

在線高度閱讀以瞭解它是如何計算的:http://reference.sitepoint.com/css/line-height – MetalFrog

回答

0

請看http://www.slideshare.net/maxdesign/line-height。的G和S(大寫字母)的頂部之間的距離約爲線路高度減去字體大小/ 2

下面是一些更多的解釋:

內容區域 的字體-size確定內容區域,其包括用於大寫字母和小寫字母如p,g等

主導 線路高度面積減去字體大小被稱爲領先

半領先 資本的頂部,盒子的頂部之間的空間稱爲半領先

這個簡單的公式通常適用,但是在行高小於字體大小的情況下,它不會!

+0

感謝您的鏈接。很有用。所以頂部紅色邊框和「L」的頭部之間的空間應該是(40-16)/ 2,這是12,但是當我測量它時,它的15px。請澄清。 – rajkamal

+0

框(線高)和邊框之間的任何內容都是填充。遵循標準模型:* padding * | *邊界* | * margin * – c4urself

+0

所有div的填充都爲零。 – rajkamal