html-1行のtextareaの高さはどれくらいですか？

Question

Textareaの1行の高さを知りたい。計算をしたいので知りたいです。知っていますか、それともスクリプトを作成する必要がありますか？

Ruben Kislaki · Accepted Answer

行の高さはline-height。

例えば：

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

以下を設定した場合：

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

Textarea要素を調べると、高さが12pxであることがわかります。

gotohales · Answer

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

a darren · Answer

のこの回答に従って、currentStyleまたはgetComputedStyleを使用して_line-height_（または任意のスタイル）の値を決定することもできます。 div：

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