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?
Antwort
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.
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.
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).
Wenn Sie nur wissen wollen, wie viele Zeilen es gibt, teilen Sie sie einfach durch '\ r \ n'' \ r' '\ n'. –
NEIN! Ich möchte die Höhe in einer Zeile –
Danke ...... :) –