無單位數字line height

2021-09-13 09:12:31 字數 487 閱讀 3129

首先我們來了解一下line-height的單位有哪些:

1.normal

2.inherit

3.number

4.number + px/em/rem/……

5.%line-height屬性最特別的地方在於可以支援帶單位的值,也可以支援不帶單位的值,那這兩種直接有什麼區別呢?

我們先看下面的例子:

知道了無單位數字與有單位陣列line-height值的區別之後,我們來看乙個現象:有單位數字line-height的情況下子元素有跟父元素不一樣font-size大小的情況:

這個現象就說明了有單位數字line-height情況下如果子元素有跟父元素不一樣字型大小大小的情況,就會導致意想不到的結果,例如文字之間的遮擋問題。

總結:

line height有無單位區別

line height屬性的細節 與大多數css屬性不同,line height支援屬性值設定為無單位的數字。有無單位在子元素繼承屬性時有微妙的不同。語法line height normal normal 根據瀏覽器決定,一般為1.2。number 僅指定數字時 無單位 實際行距為字型大小乘以該數字...

line height 最好不帶單位

7.3.3 行高的計算與繼承 以em ex和百分比為單位的行高,其基數是元素本身的字型尺寸。例如有 如下 字高20px,行高2em。字高30px,行高2em。2個段落的行高都為2em,但是字型大小不同,因此顯示如圖7 23所示。圖7 23 行高的計算 行高可以設定得比字型高度小,此時多行的文字將疊加...

數字 位數與計數單位的區別

做題的時候遇到的問題 用陣列儲存數字 數字 數字 與 位數 計數單位 均為意義不同的概念。數字 是指乙個數的每個數字所佔的位置。數字順序表從右端算起,第一位是 個位 第二位是 十位 第三位是 百位 第四位是 千位 第五位是 萬位 等等。同乙個數字,由於所在的數字不同,它所表示的數值也就不同。例如,在...