作者:情感顾问世界 | 来源:互联网 | 2022-10-12 17:30
当您编写此代码时:(在Chrome中)
txt
其高度将为37px。但是这个:
txt
其高度将为18px。
所以我的问题是:是否有任何公式可以计算渲染时文本的高度(基于字体大小)?
1> Temani Afif..:
高度不是基于,font-size
而是line-height
默认值是normal
取决于用户代理。桌面浏览器(包括Firefox)使用的默认值约为1.2,具体取决于元素的字体系列。参考
基本上,我们line-height
不确切知道的值,但是如果我们明确定义它的值,则可以知道确切的高度。
我将高度设置为 1.5 x font-size
$('div').each(function(){
console.log($(this).height());
})
div {
line-height:1.5;
}
txt
txt