腦只里一團漿糊
1 回答
HiFrontend
TA貢獻24條經驗 獲得超13個贊
一般情況下,行高越高、字體越大、那么文本所占的空間就越大,反之亦然。
有時為了隱藏或一些特殊效果,會把行高設置為零,字體也設置為零,這時文本所占的空間也就最小了。
行高是房間高度,字體是房間里的家具,文本所占空間的高度一般情況下取決于房間高度,也就是行高,文本所占空間的寬度取決于行的寬度,也就是房間的寬度。
而特殊情況下,你的家具有可能超級大,那么就會擠破你的房間。同樣,當你的字體大于行高時,就會擠破行高,比如:字體為50px,行高30px,這時行高就會被擠破,在有些瀏覽器里行高會被擠成50px,有些瀏覽器里字體會被壓縮成30px,多出的20px就不會被顯示,當使用 overflow:hidden?時,也會造成此現象。
代碼:

效果:

?加了 overfow:hidden的代碼

加了 overflow:hidden 后的效果

- 1 回答
- 0 關注
- 3213 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消
