line height的繼承問題

2021-08-07 23:08:42 字數 586 閱讀 4432

line-height 行高屬性 控制行與行之間的間距

這個屬性大家應該很熟悉,畢竟太常用了:

比如line-height:120% 和 line-heihgt:1.2 和line-height:1.2em 之間的區別

通常設定行高的方式有以下幾種

normal 預設。設定合理的行間距。

number 設定數字,此數字會與當前的字型尺寸相乘來設定行間距。

length 設定固定的行間距。

% 基於當前字型尺寸的百分比行間距。

inherit 規定應該從父元素繼承 line-height 屬性的值。

上面的區別主要在於line-height的繼承

1. normal,父、子元素的行高由瀏覽器分別計算得到。

2. number,父、子元素根據各自的 font-size * number 計算得到行高。

3. length(帶有 css 單位,如 em,px 等),子元素直接繼承父元素的行高。

4. %,子元素直接繼承父元素的行高,父元素的行高根據自己的 font-size 計算得到

因此想要line-height隨著font-size縮放 早好採用數值

CSS中line height繼承問題

在css中,line height屬性用於設定多行元素的空間量,比如文字。對於塊級元素,它指定元素行盒的最小高度。對於非替代的inline元素,它用於計算行盒的高度。keyword value line height normal unitless values use this number mu...

CSS 之 line height如何繼承

line height繼承,一共有以下3種情況 html body p 這是一行文字 p body 1.寫具體數值,則直接繼承該值。body p 元素 line height 直接繼承50px 2.寫比例,如2 或者1.5 等,則繼承該比例。body p 元素 line height 直接繼承比例,...

textblock的LineHeight的調整

原文 textblock的lineheight的調整 在上面的 textblock控制項中允許huanhang,也就是說some 和 text將分行顯示,會發現some和text的行距,會很寬,要調整他們之間的行距,即便是設定 lineheight為50,發現調整的幅度也是很小,也無法縮小行距。如果...