CSS中的行高是指行框的高度，通常我們可以使用line-height屬性來設(shè)置行高。根據(jù)設(shè)置方式和效果，CSS中的行高可以分為三種類型。

.text{
line-height: 1.2; /*基礎(chǔ)行高*/
line-height: 150%; /*百分比行高*/
line-height: 20px; /*具體數(shù)值行高*/
}

1. 基礎(chǔ)行高

基礎(chǔ)行高是相對(duì)于字體大小而言的，默認(rèn)情況下，行高就是字體大小的1.2倍。

.text{
font-size: 16px;
line-height: 1.2; /*基礎(chǔ)行高*/
}

如果沒有設(shè)置行高，那么就會(huì)繼承基礎(chǔ)行高的值，即行高為1.2倍字體大小。

2. 百分比行高

我們也可以使用百分比來設(shè)置行高。百分比行高是相對(duì)于基礎(chǔ)行高來計(jì)算的。

.text{
font-size: 16px;
line-height: 150%; /*百分比行高*/
}

上面的代碼表示行高為1.2*1.5=1.8倍字體大小。

3. 具體數(shù)值行高

除了使用百分比，我們也可以直接設(shè)置具體的行高數(shù)值。

.text{
font-size: 16px;
line-height: 20px; /*具體數(shù)值行高*/
}

上面的代碼表示行高為20px。

總結(jié)

使用CSS設(shè)置行高分為基礎(chǔ)行高、百分比行高和具體數(shù)值行高三種。行高的值越大，行間距就越大。需要根據(jù)具體場景進(jìn)行選擇，通常建議使用百分比來設(shè)置行高，因?yàn)樗梢噪S著字體大小的改變而改變。