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

30秒到達(dá)戰(zhàn)場(chǎng)
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
區(qū)別如下:
1、定義不同:line-height是行高的意思,height則是定義元素自身的高度。
2、表示意義不同: line-height用來表示容器的高度,height用來表示這一容器內(nèi)的每行文字的高度。
3、使用范圍不同:line-height只針對(duì)行元素,height針對(duì)其他所有元素。
4、針對(duì)對(duì)象不同:line-height一般針對(duì)字體來設(shè)置,如果一行文字在DIV里面,且行高等于高度的話,則文字會(huì)垂直居中。heigh一般用來設(shè)置文字外圍的DIV容器。
- 1 回答
- 0 關(guān)注
- 497 瀏覽
添加回答
舉報(bào)
0/150
提交
取消