簡單來說,line-height是行高的意思,height則是定義元素自身的高度。例如下面這段代碼<div class="test">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>如果我們定義.test {line-height:20px;},那么這個元素的實際高度將取決于其中內容的多少,假如文字部分在瀏覽器里面顯示為一行,那么這個div的實際高度就是20px,如果文字顯示為兩行,那么div的實際高度就是40px,而且文字的行高是20px的;如果我們定義.test{height:40px},那么這個元素的實際高度一般并不會因為內容的多少而發生改變,如果文字顯示為一行,那么這個div的高度仍然是40px,如果顯示為2行,但是文字的行高不夠20px,這個div的高度也不會因為文字內容的高度小于height而發生改變。不過如果文字內容的高度大于40px了,一般來說這個div的高度還是會相應增加的。
1 回答

30秒到達戰場
TA貢獻1828條經驗 獲得超6個贊
區別如下:
1、定義不同:line-height是行高的意思,height則是定義元素自身的高度。
2、表示意義不同: line-height用來表示容器的高度,height用來表示這一容器內的每行文字的高度。
3、使用范圍不同:line-height只針對行元素,height針對其他所有元素。
4、針對對象不同:line-height一般針對字體來設置,如果一行文字在DIV里面,且行高等于高度的話,則文字會垂直居中。heigh一般用來設置文字外圍的DIV容器。
- 1 回答
- 0 關注
- 502 瀏覽
添加回答
舉報
0/150
提交
取消