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

时间:2013-03-01 15:37:39

标签: javascript jquery text height

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

结果是包含文本的框的高度(如果您使用鼠标选择文本,则可以看到该文本。)wichi高于文本的实际高度。
有没有办法用jquery或普通js获得真正的高度?
在我尝试使用

的示例中
text.height()

text[0].getBoundingClientRect().height  

没有运气,它说19px而不是14px

1 个答案:

答案 0 :(得分:13)

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

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

font-size表示字体的em方块的大小。应该注意的是,虽然大多数字形将保持在em方格的边界内,但是一些可能超过这些边界。但这通常不会发生在垂直维度上。

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