参考这个例子
http://jsfiddle.net/uzgJX/
结果是包含文本的框的高度(如果您使用鼠标选择文本,则可以看到该文本。)wichi高于文本的实际高度。
有没有办法用jquery或普通js获得真正的高度?
在我尝试使用
text.height()
和
text[0].getBoundingClientRect().height
没有运气,它说19px而不是14px
答案 0 :(得分:13)
获取文本元素的计算font-size
:
parseInt(window.getComputedStyle(text[0]).fontSize, 10);
font-size
表示字体的em方块的大小。应该注意的是,虽然大多数字形将保持在em方格的边界内,但是一些可能超过这些边界。但这通常不会发生在垂直维度上。
试一试: http://jsfiddle.net/uzgJX/1/ 。提示:截图并复制到您喜欢的图像编辑器中,然后选择与文本高度完全相同的像素,并与小提琴中给出的值进行比较。