如何获得文本的真实高度？

Question

参考这个例子
http://jsfiddle.net/uzgJX/

结果是包含文本的框的高度（如果您用鼠标选择文本，您可以看到的高度..）wichi 高于文本的实际高度。
有没有办法使用 jquery 或纯 js 获得真实高度？
在我尝试过的示例中

text.height()

和

text[0].getBoundingClientRect().height  

没有运气，它说的是 19 像素而不是 14 像素

Answer 1

获取为您的文本元素计算的font-size：

parseInt(window.getComputedStyle(text[0]).fontSize, 10);

font-size 表示字体的 em 正方形的大小。应该注意的是，虽然大多数字形会保持在 em 方格的范围内，但有些 可能 会超出这些范围。不过，这通常不会发生在垂直维度上。

试一试：http://jsfiddle.net/uzgJX/1/。提示：截图并复制到您喜欢的图像编辑器中，然后选择与文本高度完全一致的像素并与小提琴中给出的值进行比较。