在Chrome中「正常」時查找線高度的像素值

我有一個textarea，其行高設置爲「normal」。不過，我仍然可以在Firefox的實際像素值：在Chrome中「正常」時查找線高度的像素值

// firefox 
>>> $("#post_body").css('line-height') 
"19.1167px"

雖然我不能在Chrome：

// chrome 
>>> $("#post_body").css('line-height') 
"normal"

我怎樣才能在Chrome中的實際像素行高？

來源

2011-12-01 Tom Lehman

你只想得到默認的行高？你還沒有設置？ – Purag

您要找的答案是[here]（http://stackoverflow.com/a/18430767/1195891）。我爲他的回答做了一個修改的[jsFiddle]（http://jsfiddle.net/arttronics/AZ6hJ/）：查看用於Chrome的中間按鈕'calculateLineHeight（）'。編輯：啓用瀏覽器控制檯查看結果。 – arttronics

-3

行高值是一個數字。這個數字表示當前節點字體大小的乘積。如果當前節點的字體是以em或ex爲單位測量的，並且是從幾層繼承中設置的，但在當前節點沒有明確說明，這會更復雜。這是最壞的情況。在這種情況下，您將不得不注入小寫的「m」字符並使用clientWidth屬性測量其像素寬度，然後將其刪除。

來源

2011-12-01 04:21:46 austincheney

這個問題適用於'line-height'爲'normal'（這是CSS屬性的合法值）。因此，以「行高值爲數字」開頭的答案在此處不適用。我強烈建議您將其刪除。 –

你可以嘗試設置CSS：

#post_body {line-height:1;}

之後，Chrome輸出將是實際像素。

來源

2011-12-01 06:19:48

設置'line-height：1'意味着將字體大小乘以1.這不會是行高。 – arttronics

謝謝檸檬！你的小費工作。 – KunJ

在Chrome中「正常」時查找線高度的像素值

回答

相關問題