在CSS中,我們可以使用line-height
屬性來調(diào)整段落之間的行間距,這個(gè)屬性可以設(shè)置為一個(gè)具體的像素值,或者設(shè)置為相對于字體大小的比例,下面是一些示例:
示例1:設(shè)置具體像素值的行間距
p { line-height: 24px; }
示例2:設(shè)置相對于字體大小的比例
p { line-height: 1.5; }
示例3:使用em單位設(shè)置行間距
p { line-height: 1.5em; }
示例4:使用rem單位設(shè)置行間距
p { line-height: 1.5rem; }
示例5:使用百分比設(shè)置行間距
p { line-height: 150%; }
示例6:使用vw單位設(shè)置行間距
p { line-height: 1.5vw; }
示例7:使用vh單位設(shè)置行間距
p { line-height: 1.5vh; }
示例8:使用vmin單位設(shè)置行間距
p { line-height: 1.5vmin; }
示例9:使用vmax單位設(shè)置行間距
p { line-height: 1.5vmax; }
示例10:使用fr單位設(shè)置行間距(CSS Fragmentation)
p { line-height: 1.5fr; }
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。