2013-07-04 25 views
10

Chcę poznać wysokość jednego rzędu textarea. Chcę to wiedzieć, ponieważ chcę wykonać pewne obliczenia. Czy my to wiemy, czy też musimy zrobić kilka skryptów?html - Jeden wiersz textarea jest o wysokości?

+0

Jeśli chcesz tylko znać liczbę wierszy, wystarczy podzielić je według '\ r \ n'' \ r' '\ n'. –

+0

NIE! Chcę wysokość w jednym rzędzie –

+0

dzięki ...... :) –

Odpowiedz

13

wysokość rzędu jest przez line-height.

Na przykład:

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

Jeśli ustaw następujące opcje:

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

sprawdzając element textarea dowiesz się, że ma wysokość 12px.

2

Zasadniczo jest to to samo, co ustawienie line-height. Możesz albo ustawić go jawnie, albo dowiedzieć się, co to jest ustawione i przejść stamtąd.

Here is an example

0

Można także określić wartość line-height (lub dowolny styl) za pomocą currentStyle lub getComputedStyle, jak na to odpowiedzieć za coraz line-height div:

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

A jeśli masz jQuery, możesz użyć .css(), która streszcza powyższe (istnieją różnice między przeglądarkami, które należy wziąć pod uwagę).