簡單來說,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的高度還是會相應增加的。
2 回答

精慕HU
TA貢獻1845條經驗 獲得超8個贊
1:前者用來表示容器的高度,后者用來表示,這一容器內的每行文字的高度
如:height一般用來表示,設置這一容器的高度。
一般來說,如果是要設置文字行距和居中顯示,都會帶上line-height:40px;font-size:20px;
這樣的話,就相當于文字大小 20px,文字行間距離也有20px了。
- 2 回答
- 0 關注
- 451 瀏覽
添加回答
舉報
0/150
提交
取消