腦只里一團(tuán)漿糊
1 回答

HiFrontend
TA貢獻(xiàn)24條經(jīng)驗(yàn) 獲得超13個(gè)贊
一般情況下,行高越高、字體越大、那么文本所占的空間就越大,反之亦然。
有時(shí)為了隱藏或一些特殊效果,會(huì)把行高設(shè)置為零,字體也設(shè)置為零,這時(shí)文本所占的空間也就最小了。
行高是房間高度,字體是房間里的家具,文本所占空間的高度一般情況下取決于房間高度,也就是行高,文本所占空間的寬度取決于行的寬度,也就是房間的寬度。
而特殊情況下,你的家具有可能超級(jí)大,那么就會(huì)擠破你的房間。同樣,當(dāng)你的字體大于行高時(shí),就會(huì)擠破行高,比如:字體為50px,行高30px,這時(shí)行高就會(huì)被擠破,在有些瀏覽器里行高會(huì)被擠成50px,有些瀏覽器里字體會(huì)被壓縮成30px,多出的20px就不會(huì)被顯示,當(dāng)使用 overflow:hidden?時(shí),也會(huì)造成此現(xiàn)象。
代碼:
效果:
?加了 overfow:hidden的代碼
加了 overflow:hidden 后的效果
添加回答
舉報(bào)
0/150
提交
取消