综合
line height（行高）It is not merely the distance between lines of text；
其核心作用在于通过控制字符堆叠的垂直比例，来引导读者的视线流动。当行过高时，页面显得拥挤压抑，视线难以聚焦；当行过短时，则可能影响阅读的连贯性。优秀的行高设计能够平衡视觉节奏，营造出流畅而舒适的阅读氛围。在专业的line height配置中，需要考虑字体大小、字重以及页面布局的整体协调性，不能孤立地看待这一数值。
本文将结合行业实际案例与权威设计原则，全方位解析line height的深层内涵与实操技巧。
深入解析line height：从数字到体验
line height不仅仅是一个简单的数值单位，它实际上是由多个层级变量共同决定的动态系统。这个系统直接关联到用户的心理感知，进而影响对内容的接受度。要准确把控line height，开发者需要深入理解像素与视口之间的关系。
- 视口缩放的影响在网页设计中，line height的像素值并非固定不变，它会随浏览器窗口的缩放而发生变化。如果未设置适当的视口百分比（viewport units），line height的数值会随着轮缩放的放大而增大，给line height带来“忽大忽小”的视觉抖动感。
- 字体基线的对齐机制在line height的计算中，算字法（calculated font）和算字位（calibrated font）是两种不同的计算方式。不同系统对line height的底层逻辑有所差异，开发者需根据目标平台选择适配方案，以确保line height在渲染时的一致性。
- 字体风格的适配对于不同字重（weight）和字宽（width）的字体，其line height的最佳取值也有所不同。细体字和加粗字体通常建议比常规体字稍大一些，以增强视觉层次。
line height配置实战：案例分析
line height配置策略的核心在于“留白”与“聚焦”的平衡。我们可以通过具体的页面案例来直观感受不同line height带来的差异。
案例一：电商详情页的转化布局
在电商平台的商品详情页，line height的设定直接关系到用户是否愿意点击“加入购物车”。通常建议line height在 1.6 字到 2.0 字之间。如果line height过低，会导致文本拥挤，增加用户的阅读疲劳，降低购买转化率；如果line height过高，则会造成视觉上的空旷感，使得重点信息（如价格或标题）缺乏支撑。在移动端受限较小的情况下，可以适当放宽line height的范围，但在高清晰度的line height配置中，控制在 1.75 字左右往往能兼顾美观与实用。
案例二：技术文档的阅读辅助
对于代码文档或技术教程，line height的要求更为严格。通常建议line height在 1.6 至 1.8 字之间，以确保正文的紧凑性，同时让代码块能够清晰隔离。如果整篇文章的line height没有统一设置，会导致段落间距忽大忽小，严重破坏文档的结构感。在此场景下，line height应作为全局样式（global style），强制所有文本遵循该标准，以消除阅读障碍。
示例三：杂志排版中的节奏感
在长文阅读或杂志排版中，line height的作用更多体现在段落之间。此时可以采用 2.0 字甚至更高的line height来增加段落间的呼吸感，引导读者在段落之间停顿思考，从而更好地吸收信息。但如果line height设置不当，段落之间会出现明显的断裂感，导致文章节奏拖沓。因此，line height不仅是间距，更是内容的呼吸口。
常见误区与避坑指南
line height配置不当是导致页面体验下降的常见原因。以下误区务必避免：
- 忽视移动端适配在line height配置中，切勿认为只要数值好看即可。在移动设备上，屏幕宽度受限，过大的line height（如超过 3.0 字）会导致文字被切掉，影响阅读。此时应适当缩小line height，并配合增加行内间距（leading）来增加垂直空间。
- 忽略字体基线许多开发者只关注line height的数值，却忽略了字体基线（baseline）设置。如果字体基线未对齐，line height的实际视觉效果可能会产生细微的逻辑错误，影响长文本的阅读流畅度。
- 过度追求统一虽然line height需要全局统一，但也要避免“千人一面”。在line height设置中，可以区分正文、标题、代码块等不同区域的line height，以利用排版特点增强结构感。
line height：提升数字营销效果的关键
line height在现代数字营销中扮演着不可或缺的角色。数据显示，line height优化后的页面，其平均阅读时长通常会增加 30% 以上。这是因为合理的line height能够减少用户的认知负荷，使信息传递更加高效直接。
在搜索引擎优化（SEO）领域，line height同样不容忽视。搜索引擎的爬虫在处理文本时，需要识别清晰的语义边界。如果line height过小导致行距模糊，搜索引擎可能无法准确解析段落结构，从而影响页面的排名权重。因此，line height不仅是设计规范，更是内容排版的隐形指标。
此外，line height还直接影响User Experience（用户体验）。当line height不合适时，用户会产生困惑，甚至直接放弃阅读，导致流量浪费。在line height配置中，应优先遵循 1.5 字到 1.75 字之间的黄金法则，除非有特殊的设计需求，否则不要轻易突破该范围。
综上所述，line height是连接文本内容与用户感知的桥梁。它通过精细的数值控制，塑造了页面的视觉气质与阅读节奏。对于每一位追求专业度的从业者来说，掌握line height的配置逻辑与实战技巧，是提升项目质量、优化用户体验的必由之路。
在line height的设计实践中，我们应始终秉持“适度、精准、全局”的原则。通过科学的line height配置，让文字在页面上翩翩起舞，既保持清晰的层次结构，又营造出流畅的阅读体验。