HTML - 一排textarea的高度是多少？

Question

我想知道一行textarea的高度。我想知道，因为我想做一些计算。我们知道吗或者我们必须做一些脚本吗？

Answer 1

行的高度由line-height设置。

例如：

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

如果您设置以下内容：

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

通过检查textarea元素，您会发现它的高度为12px。

Answer 2

基本上它与line-height设置的相同。您可以明确地设置它，也可以弄清楚它的设置，然后从那里开始。

Answer 3

您还可以使用line-height或currentStyle确定getComputedStyle（或任何样式）的值，根据此答案获取div的行高：

如果你有jQuery，你可以使用.css()，它抽象上面的内容（有浏览器差异需要考虑）。