在學(xué)習(xí)CSS時(shí),我們經(jīng)常會(huì)遇到一個(gè)問題:為什么CSS中的文本沒有像HTML中一樣有默認(rèn)的行間距呢?
這個(gè)問題的答案其實(shí)很簡(jiǎn)單:因?yàn)镠TML中有一個(gè)默認(rèn)樣式,即line-height: normal
,而在CSS中,line-height
的默認(rèn)值是normal
,這意味著元素的行高將根據(jù)其字體大小來計(jì)算,并且不會(huì)有額外的空白間隙。
p{ line-height: normal; }
如果您想在CSS中為文本添加行間距,可以通過指定line-height
屬性來實(shí)現(xiàn)。例如,如果您想將行間距設(shè)置為文本字體大小的1.5倍,可以這樣寫:
p{ line-height: 1.5; }
除了line-height
屬性之外,您還可以使用margin
或padding
屬性來創(chuàng)建空白間隙。例如,如果您想在段落的頂部和底部添加5像素的空白,可以這樣寫:
p{ margin-top: 5px; margin-bottom: 5px; }
總結(jié)一下,CSS中沒有默認(rèn)的行間距是因?yàn)?code>line-height的默認(rèn)值為normal
,如果您想為文本設(shè)置行間距,可以使用line-height
、margin
或padding
屬性來實(shí)現(xiàn)。
上一篇css鏈接式引用