Html - Один ряд текстовой области имеет высоту?

Я хочу знать высоту одной строки textarea. Я хочу знать это, потому что я хочу сделать некоторые вычисления. Знаем ли мы это или делаем некоторые скрипты?

Ответ 1

Высота строки устанавливается line-height.

Например:

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

Если вы установили следующее:

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

Проверяя элемент textarea, вы обнаружите, что он имеет высоту 12 пикселей.

Ответ 2

В основном это то же самое, что и для line-height. Вы можете либо установить его явно, либо выяснить, на что он установлен, и перейти оттуда.

Вот пример

Ответ 3

Вы также можете определить значение line-height (или любого стиля) с помощью currentStyle или getComputedStyle в соответствии с этим ответом для получения высоты строки div:

fooobar.com/info/269150/...

И если у вас есть jQuery, вы можете использовать .css(), который абстрагирует вышеизложенное (есть различия в браузерах).