html - Una riga di textarea è di quanto altezza?

Question

Voglio conoscere l'altezza di una riga di textarea. Voglio saperlo perché voglio fare alcuni calcoli. Lo sappiamo o dobbiamo fare degli script?

Answer 1

L'altezza di una riga viene impostato da line-height.

Ad esempio:

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

Se si imposta la seguente:

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

Ispezionando l'elemento textarea scoprirete che ha un'altezza di 12px.

Answer 2

Fondamentalmente è lo stesso di quello impostato su line-height. Puoi impostarlo in modo esplicito o capire a cosa è impostato e andare da lì.

Here is an example

Answer 3

Si potrebbe anche determinare il valore di line-height (o qualsiasi stile) utilizzando currentStyle o getComputedStyle, secondo questa risposta per ottenere la line-height di un div:

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

E se hai jQuery puoi usare .css(), che riassume quanto sopra (ci sono differenze tra i browser da considerare).