代碼以下測試:http://jsfiddle.net/fXdjm/問題有關線高度:
問題有關線高度:
請參考第一個框。 紅色邊框與第一行的文本頂部(稱爲L的頭部)(「Gg - First Line」)之間的距離長度是多少?
請參閱第二格。 「秒」中「秒」的頭部與「正常高度」中的「l」的頭部之間的距離是多少?
通過「字符」這個術語的頭,我指的是人物的頂部。這是因爲,一行可能包含高和小字符,如「lg」
代碼以下測試:http://jsfiddle.net/fXdjm/問題有關線高度:
問題有關線高度:
請參考第一個框。 紅色邊框與第一行的文本頂部(稱爲L的頭部)(「Gg - First Line」)之間的距離長度是多少?
請參閱第二格。 「秒」中「秒」的頭部與「正常高度」中的「l」的頭部之間的距離是多少?
通過「字符」這個術語的頭,我指的是人物的頂部。這是因爲,一行可能包含高和小字符,如「lg」
請看http://www.slideshare.net/maxdesign/line-height。的G和S(大寫字母)的頂部之間的距離約爲線路高度減去字體大小/ 2
下面是一些更多的解釋:
內容區域 的字體-size確定內容區域,其包括用於大寫字母和小寫字母如p,g等
主導 線路高度面積減去字體大小被稱爲領先
半領先 資本的頂部,盒子的頂部之間的空間稱爲半領先。
這個簡單的公式通常適用,但是在行高小於字體大小的情況下,它不會!
這聽起來像你正在試圖找出上半場領先。
如果你的字體大小是12px,並且你的行高是14px,你將有一個2px的一半(字形上方和下方)。
這是問題的方式? –
無法理解這些問題,請更改。 – Yisela
在線高度閱讀以瞭解它是如何計算的:http://reference.sitepoint.com/css/line-height – MetalFrog