HTML中如何设置文本的行高？

一、使用行高属性（line-height）

`line-height` 属性用于设置元素中文本的行高。它可以接受一个长度值（如像素 `px`、 em 单位等）、百分比值或一个数字。

示例代码如下：

```html

```

在上述代码中，通过 `.text` 类选择器设置了字体大小为 16px，行高为 1.5 倍字体大小。这样，文本的行高就会根据字体大小进行相应的调整。

二、使用内联样式（style 属性）

在 HTML 元素的开始标签中，可以使用 `style` 属性直接设置行高。这种方式适用于单个元素的行高设置。

示例代码如下：

```html

这是一段通过内联样式设置行高的文本。行高被设置为 24 像素。

```

在这个例子中，通过 `style` 属性将字体大小设置为 14px，行高设置为 24px 。这样，该段落的行高就被固定为 24 像素。

三、继承行高

如果父元素设置了行高，子元素将继承父元素的行高设置。这可以通过 CSS 的继承机制来实现。

示例代码如下：

```html

```

在这个例子中，`.parent` 类设置了字体大小为 18px，行高为 1.2 倍字体大小。`.child` 类作为子元素，继承了父元素的行高设置。

四、使用 CSS 框架

许多 CSS 框架（如 Bootstrap、Foundation 等）提供了方便的方式来设置行高。这些框架通常具有预定义的类，可以直接应用于 HTML 元素。

例如，在 Bootstrap 中，可以使用 `.lead` 类来设置较大的行高：

```html

```

在上述代码中，通过引入 Bootstrap 的 CSS 文件，并使用 `.lead` 类，设置了较大的行高。

在 HTML 中设置文本的行高有多种方法，可以根据具体的需求选择合适的方式。使用 `line-height` 属性、内联样式、继承或 CSS 框架都可以有效地控制文本的行高，提高页面的排版效果和可读性。