2009-06-16 29 views
28

這是關於線高的任命的問題。什麼是行高:1?

我開始研究CSS。 line-height:經常會找到指定20px或單位的示例。 有時候是線條高度:有1和沒有單位的東西,但是這變成了什麼樣的意義?

+0

https://developer.mozilla.org/en/docs/Web/CSS/line-height#Values – 2016-02-25 06:13:17

回答

29

可能值

設置一個號碼,將與當前的字體尺寸相乘來設置線之間的距離

長度

設置線

之間的固定距離:

設置當前字體大小

起跳%的線之間的距離從http://www.w3schools.com/css/pr_dim_line-height.asp

+1

不遵循w3schools的任何規定,請參閱http://www.w3fools.com/ – 2016-02-25 06:12:39

+0

如果設置沒有單位**的行高**,結果是**行高值乘以元素的字體大小**。 line-height屬性可以接受無單位值。這是一篇詳細介紹[line-height屬性]的好文章(https://kolosek.com/css-line-height/)。 – 2018-02-28 07:42:36

2

如果未提供單位例如"line-height: 1.5"行之間的距離被設置爲這個數字乘以當前字體大小。

1.5×字體大小

4

根據w3schoolsw3.org行高:1;是有效的並且意味着以下內容:設置一個將與當前字體大小相乘的數字,以設置行之間的距離。

1

這是字體大小的倍數。從CSS 2.1候選人推薦:»使用的屬性值是這個數字乘以元素的字體大小。«

6

另請注意: 「1」不等於「正常」 - 1的高度完全相同字體大小,所以多行元素(如段落)中的行將彼此貼合,而普通行添加行之間的預期間距。

使用字體速記:

font: font-style font-variant font-weight font-size/line-height font-family; 

出現如果不指定它爲默認行高正常。例如:

body{ 
    line-height:1; /* as seen in Eric Meyer's reset css */ 
} 
p{ 
    font:normal normal normal 14px "Times New Roman", Times, serif; 
} 

將導致具有法線高度,覆蓋該主體的1組的所有段落,而

p{ 
    font:normal normal normal 14px/1 "Times New Roman", Times, serif; 
} 

將保留的1行高度(其在此例如14px)。