html - 1行のテキストエリアがどれくらいの高さですか？

Question

1行のテキストエリアの高さを知りたい。私はいくつかの計算をしたいので、それを知りたい。私たちはそれを知っていますか、あるいはスクリプトを書かなければなりませんか？

Answer 1

行の高さはline-heightによって設定されます。例えば

：あなたはそれが12ピクセルの高さを持っていることがわかりますtextarea要素を検査することによって

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

：

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

は、次の項目を設定した場合。

Answer 2

基本的にはline-heightに設定されているものと同じです。明示的に設定することも、設定した内容を把握してそこから実行することもできます。

Here is an example

Answer 3

また、divのの行の高さを取得のために、この答えは1として、currentStyleまたはgetComputedStyleを使用してline-height（または任意のスタイル）の値を決定することができる：

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

をjQueryを使用している場合は、上記を抽象化する.css()を使用することができます（考慮する必要のあるブラウザの違いがあります）。