CSS 裡的 height 屬性與 line height 屬性有什麼區別?

時間 2021-06-02 07:45:45

1樓:木林森

看《精通CSS》4.4節的時候碰到這個問題=-=作者使用line-height而不是height控制高度,達到了文字垂直居中的目的,這是因為「行高還有乙個特性,叫做垂直居中性(css行高line-height的一些深入理解及應用張鑫旭)」

height表示垂直高度,line-height表示文字行高,也就是從文字頂部到底部的距離,

試下這個就可以看到區別了:

test1

test1

test2

test2

效果圖:

line-height詳解:css行高line-height的一些深入理解及應用張鑫旭

2樓:貘吃饃香

瀉藥塊內布局規則

塊內height為auto時,高度為塊內行框累加高和其內普通流塊高之和

塊內height為非auto時,塊高為 height 指定高度

塊內行框布局(行內布局)規則

每乙個行內元素會產生乙個行內框;

行內框會在行框內橫向排列;

'line-height' 特性值指定了每個行內非替換元素生成的行內框的確切高度;行內替換元素的高度由 'height' 特性值決定;

文字在行內框中垂直排列,上下空隙用半差異填補;如果字型大小大於行內框則文字從上下方向上溢位行內框,並可能滲入到其他行框內(行框是永遠不會重疊的);

'vertical-align' 特性值指定了每個行內框的垂直對齊方式;

行框的頂邊界是這一系列垂直對齊的行內框最高的頂邊框,底邊界是最低的底邊框。

行框的高度是頂邊界到底邊界的距離。

所以 line-height 是決定行框高度的因素之一

而 height 只是決定包含塊高度

3樓:鋼盅郭子

line-height 不直接影響元素高度,而是影響文字每行的高度,如果元素內因換行而產生多行文字,那麼 line-height 對元素高度的影響也要乘上行數

4樓:小叉

height 是高度

line-height 是文字行高

按你這個例子來說,如果 li 裡面沒有任何內容,那麼只設定了 line-height 的高度將為 0(即看不見)。而設定了 height 的 li 即使沒有內容,高度也會是設定的高度。

CSS 中已設定的屬性怎麼去掉

只能覆蓋,不能改原始檔。這個要求有點坑 方案 1 寫自己的樣式,不過要放在原樣式的後面 不管你是引入方式,還是頁內方式 2 用js,來設定樣式 注意 如果是定位,需要先吧之前的left top 等給重寫一下預設值,要不然之前寫的和現在寫的都會唄解析 還在學習的小白乙個,今天也遇到了這個問題,前面大神...

Windows滑鼠屬性裡「提高指標精確度」的功能是怎麼工作的?

Dust 2016年以來,使用的是WIN8 WIN10系統,基本每天使用電腦10小時以上,在我看來,不管玩不玩遊戲 當然我很少玩 不管怎麼調節滑鼠指標移動快慢,還是開啟後更好用,開啟後指標既不漂也省勁,尤其對於高分屏優勢更加明顯。如果確實不好用的話,微軟應該也不會自Xp以來就一直預設開啟此功能吧。 ...

為什麼很多rpg遊戲裡風屬性都是綠色的

明霖霄 這個啊,說到風,我第一印象就是在草原上,微風吹過,無數青草隨風擺動,那綠油油的波浪,很容易給人風是綠色的這個想法。其他的還有風吹動樹枝,樹枝搖曳,綠色的樹葉沙沙作響,帶來一陣清涼之類的畫面。遊戲受現實影響比較多,甚至就是基於現實和想象力的事物,所以做遊戲的人覺得風是綠色的多了,那麼遊戲裡風也...