首頁猿問有沒有童鞋遇到過同樣的問題：只設(shè)置...

有沒有童鞋遇到過同樣的問題：只設(shè)置行高的div，為什么scrollHeight大于clientHeight

JavaScript

幕布斯6054654 2019-09-25 15:38:29

具體代碼如下：這是一段測試文字.test{line-height:23px;font-size:23px;background:#000;color:#fff;}letscrollHeight=document.getElementById('test').scrollHeightconsole.log('scrollHeight',scrollHeight)//"scrollHeight"26letclietHeight=document.getElementById('test').clientHeightconsole.log('clietHeight',clietHeight)//"clietHeight"23

查看完整描述

2 回答

瀟瀟雨雨

TA貢獻1833條經(jīng)驗獲得超4個贊

這是因為line-height并不等于height，它只是指行高，而文本內(nèi)容真正的高度，除了行高，還有一個因素，就是字體，你如果更改font-family到不同的值，你會發(fā)現(xiàn)scrollHeight并不一定是26，還有可能是其他的值。一般這個值的計算公式大約可以用p*font-size來形容，這里的p是不同字體中的一個常量，而且同一字體，在不同瀏覽器，不同操作系統(tǒng)下，也有細微的差別。

反對回復(fù) 2019-09-25