在Chrome中“正常”时查找行高的像素值

Question

我有一个textarea，其行高设置为＆＃34; normal＆＃34;。但是，我仍然可以在FireFox中获得实际的像素值：

// firefox
>>> $("#post_body").css('line-height')
"19.1167px"

而我无法在Chrome中使用

// chrome
>>> $("#post_body").css('line-height')
"normal"

如何在Chrome中获得实际像素行高？

Answer 1

你可以尝试设置css：

#post_body {line-height:1;}

然后Chrome输出将是实际像素。

Answer 2

行高值是一个数字。此数字表示当前节点的字体大小的乘法。如果当前节点的字体以em或ex单位测量并且是从几个继承层设置但在当前节点没有明确说明，则这更复杂。这是最糟糕的情况。在这种情况下，您必须使用clientWidth属性注入小写的“m”字符并测量其像素宽度，然后将其删除。