html - 一行textarea的高度是多少？

Question

我想知道一行textarea的高度。我想知道，因爲我想做一些計算。我們知道嗎，還是我們必須做一些腳本？

Answer 1

行的高度由設置line-height。

例如：

<textarea rows="1">hello world</textarea> 

如果你設置如下：

textarea { line-height: 1; font-size: 12px; border: none; margin: 0; padding: 0; } 

通過檢查你會發現，它具有12像素的高度textarea元素。

Answer 2

基本上它與line-height設置爲相同。你可以明確地設置它，或者找出它的設置，然後從那裏開始。

Here is an example

Answer 3

您還可以通過使用currentStyle或getComputedStyle，按照這個答案得到一個div的行高確定line-height值（或任何風格）：

https://stackoverflow.com/a/4392968/142714

如果你有jQuery，你可以使用.css()，它摘錄了上面的內容（有瀏覽器的差異需要考慮）。