2013-07-04 12 views
10

Ich möchte die Höhe einer Zeile Textarea wissen. Ich möchte das wissen, weil ich ein paar Berechnungen machen möchte. Wissen wir das oder müssen wir etwas scripten?html - Eine Zeile Textarea ist wie viel Höhe?

+0

Wenn Sie nur wissen wollen, wie viele Zeilen es gibt, teilen Sie sie einfach durch '\ r \ n'' \ r' '\ n'. –

+0

NEIN! Ich möchte die Höhe in einer Zeile –

+0

Danke ...... :) –

Antwort

13

Die Höhe einer Zeile wird durch line-height eingestellt.

Zum Beispiel:

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

Wenn Sie die folgenden Schritte aus:

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

Durch das textarea-Element Inspizieren Sie herausfinden werden, dass sie eine Höhe von 12px hat.

2

Grundsätzlich ist es das Gleiche wie immer line-height eingestellt ist. Sie können es entweder explizit festlegen oder herausfinden, worauf es eingestellt ist, und von dort aus fortfahren.

Here is an example

0

Sie auch den Wert von line-height (oder jede Art) bestimmen könnte durch die Verwendung currentStyle oder getComputedStyle, nach dieser Antwort für bekommen die Zeilenhöhe eines div:

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

Und wenn Sie jQuery haben, können Sie .css() verwenden, was das obige abstrahiert (es gibt Browserunterschiede, die berücksichtigt werden müssen).