如何获得一个文本的实际高度是多少?(How to get the real height of a

2019-07-20 19:34发布

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

结果是包含文本框的高度(一个,如果你用鼠标选择文本,你可以看到..)wichi高则文本的实际高度。
有没有办法让使用jQuery或纯JS真正的高度?
在这个例子中我tryed与

text.height()

text[0].getBoundingClientRect().height  

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

Answer 1:

获取计算font-size的文本元素来代替:

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

font-size表示用于字体的em方块的大小。 应当指出的是,虽然大多数字形会留一个全身长方块的边界内,一些可能超过界限。 这并不通常发生在垂直dimentions,虽然。

试试看: http://jsfiddle.net/uzgJX/1/ 。 提示:屏幕截图,并复制到您喜爱的图像编辑器,然后选择像素正好到文本的高度,并在小提琴给定的值进行比较。



文章来源: How to get the real height of a text?