可通过CSS的line-height属性精确控制HTML5文本行间距，支持内联样式、内部样式表、外部CSS文件三种方式设置，推荐使用无单位数值，并注意混合字号时的垂直对齐与继承机制。
如果您在HTML5中编写文本内容，发现行与行之间过于紧凑或松散，影响阅读体验，则可以通过CSS的line-height属性精确控制文本行间距。以下是实现行距调整的具体方法：
一、使用内联样式设置line-height
该方法适用于单个元素的快速样式调整，无需额外CSS文件，直接在HTML标签中通过style属性定义行高。
1、在需要设置行距的HTML标签（如
、
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等关键字覆盖。
