：height和line-height的區(qū)別（簡(jiǎn)單易懂）height：指定區(qū)域的高度
line-height：一行的高度，簡(jiǎn)稱行高。
行高：兩行文字之間基線的距離
1.height和line-height值相同的情況
實(shí)例解釋：
height定義了一個(gè)盒子的高度，這個(gè)盒子的背景是淺綠色，當(dāng)height的值發(fā)生變化時(shí)，淺綠色的背景也會(huì)隨之做高度上的變化。
line-height：定義的是每一行的高度，即為輸入的內(nèi)容。
當(dāng)height和line-height相等時(shí)，即盒子的高度和行高一樣，內(nèi)容居中
如圖所示：
2.對(duì)height進(jìn)一步理解
看下圖：
這里height是兩倍line-height，即淺綠色的背景可以接收兩行的輸入（如果超過(guò)兩行，內(nèi)容會(huì)溢出于淺綠色背景），如下所示，輸入內(nèi)容占用了第一行，第二行無(wú)內(nèi)容。
3.對(duì)line-height進(jìn)一步理解
如果font-size（文字大?。┍萳ine-height（行高）大的話。也就是說(shuō)文字大，但是行間距小，文字會(huì)出現(xiàn)重疊現(xiàn)象。
如圖：
4.height>line-height
內(nèi)容位于中線以上
5.height<line-height
內(nèi)容位于中線以下
6.特殊情況（height不設(shè)置）
height跟隨line-height以及文字行數(shù)自動(dòng)變化
當(dāng)輸入兩行內(nèi)容，height根據(jù)line-height的值自動(dòng)變化，變化為line-height的兩倍。
該文章在 2023/7/15 15:06:19 編輯過(guò)
400 186 1886
