2、在style属性中写入line-height: 后接数值，单位可为无单位数字（推荐）、px、em或rem。

3、例如：

这是一段设置了1.8倍行高的文字

4、无单位数值（如1.8）是相对于当前字体大小的倍数，具有继承性和缩放适应性，是首选方式。

二、使用内部样式表（

该方法适用于同一页面多个元素需统一行距的情况，将CSS规则集中写在

2、在

3、可针对不同语义元素分别设定，如h2 { line-height: 1.3; }、blockquote { line-height: 1.7; }。

4、若同时设置font-size和line-height，建议line-height使用无单位值，避免因字体变化导致行距异常。

三、使用外部CSS文件全局控制

该方法适用于多页面网站，通过一个独立CSS文件统一管理所有文本行距，确保视觉一致性并提升加载效率。

1、创建一个.css文件（如style.css），并在其中编写行高规则，例如body { line-height: 1.5; }。

2、在HTML文件的

3、可在外部CSS中使用CSS继承机制，对body或html设置基础line-height，使多数文本元素自动继承。

4、设置body的line-height后，子元素如p、li、td等在未显式重写line-height时将继承该值。

四、处理特殊场景：混合字号下的行距均衡

当段落内存在不同字号的内联元素（如或^{）时，仅设父级line-height可能导致基线错位或行高塌陷，需采用更稳健的方案。}

1、为包含混合字号的容器（如

）设置line-height为无单位值（如1.6）。

2、对内部小字号元素（如）额外设置vertical-align: baseline; 或 vertical-align: -0.25em; 调整垂直对齐。

3、避免对内联元素单独设置line-height，否则可能破坏整体行框高度计算。

4、line-height作用于行框（line box）高度，而非字符本身；其值决定行框最小高度，内容居中分布。

五、验证与调试行距效果

浏览器渲染中行距不可见，需借助开发者工具确认实际生效的line-height值及是否被覆盖。

1、右键目标文本元素，选择“检查”打开开发者工具。

2、在Styles面板中查找line-height属性，确认其来源（内联、内部或外部样式）及计算值。

3、临时修改line-height数值，实时观察布局变化，判断是否达到预期疏密效果。

4、若line-height未生效，检查是否被!important规则、更高优先级选择器或inherit/normal等关键字覆盖。