Я хочу знать высоту одной строки textarea. Я хочу знать это, потому что я хочу сделать некоторые вычисления. Знаем ли мы это или делаем некоторые скрипты?
Html - Один ряд текстовой области имеет высоту?
Ответ 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:
И если у вас есть jQuery, вы можете использовать .css()
, который абстрагирует вышеизложенное (есть различия в браузерах).