在CSS中，我們可以使用line-height屬性來(lái)設(shè)置行間距，這個(gè)屬性可以定義行與行之間的距離，使得文本排版更加美觀和易讀。

行間距的設(shè)置方法

1、使用像素值：

你可以使用像素值來(lái)設(shè)置行間距，

```css

p {

line-height: 20px;

}

```

這將使得段落文本的行間距為20像素。

2、使用相對(duì)值：

你也可以使用相對(duì)值來(lái)設(shè)置行間距，

```css

p {

line-height: 1.5;

}

```

這將使得段落文本的行間距為其字體大小的1.5倍。

3、使用混合值：

你可以將像素值和相對(duì)值混合使用，

```css

p {

line-height: 20px; /* 行間距為20像素 */

line-height: 1.5; /* 行間距為其字體大小的1.5倍 */

}

```

這將使得段落文本的行間距既受到像素值的限制，也受到相對(duì)值的影響。

示例代碼

下面是一個(gè)示例，展示了如何在一個(gè)段落中使用不同的行間距設(shè)置：

<p style="line-height: 20px;">這是***段文本，行間距為20像素。</p>
<p style="line-height: 1.5;">這是第二段文本，行間距為其字體大小的1.5倍。</p>
<p style="line-height: 20px; line-height: 1.5;">這是第三段文本，行間距既受到像素值的限制，也受到相對(duì)值的影響。</p>

響應(yīng)式設(shè)計(jì)

在響應(yīng)式設(shè)計(jì)中，你可能需要根據(jù)設(shè)備的屏幕大小來(lái)調(diào)整行間距，這時(shí)，你可以使用媒體查詢（Media Queries）來(lái)實(shí)現(xiàn)：

@media (max-width: 600px) {
    p {
        line-height: 18px;
    }
}
@media (min-width: 601px) {
    p {
        line-height: 22px;
    }
}

通過(guò)CSS的line-height屬性，我們可以輕松地設(shè)置文本的行間距，使得排版更加美觀和易讀，結(jié)合媒體查詢，我們可以實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，使得文本在不同設(shè)備上都能以***佳方式呈現(xiàn)。