html - одна строка textarea имеет какую высоту?

Я хочу знать высоту одной строки текста. Я хочу это знать, потому что хочу сделать кое-какие расчеты. Мы знаем это или мы должны сделать некоторые сценарии?

12
height html row row-height textarea

3 ответов

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

например:

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

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

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

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

15

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

вот пример

2

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

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

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

0