亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

CSS中line-height與height的區別?

CSS中line-height與height的區別?

HUWWW 2019-04-27 20:03:07
簡單來說,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了。

查看完整回答
反對 回復 2019-04-27
  • 2 回答
  • 0 關注
  • 451 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號