首頁猿問跪求！只設置行高的div，為什么s...

跪求！只設置行高的div，為什么scrollHeight大于clientHeight各位有什么建議？

JavaScript

慕妹3242003 2019-10-08 11:24: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 回答

PIPIONE

TA貢獻1829條經驗獲得超9個贊

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

反對回復 2019-10-08