标题换行后两行文字几乎贴在一起,单行时又看不出问题。碰到这种情况,我一般先确认改动有没有真的生效。

原因不复杂,行高按单行高度设定为固定像素,字号变化或换行后间距不足,正文一长就显得非常拥挤。

「CSS 行高」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。别只看报错的最后一行,往上看几行,真正的起因通常在上面。

body { line-height: 1.6; }
h2 { line-height: 1.3; }

同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。

改完隔一天再看一次,当场正常不代表能稳住。测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。

具体做法是,使用无单位行高按字号比例计算;正文与标题分别设定;检查继承链上的覆盖。

最后用这个标准收尾,多行文本行距均匀,字号调整后仍保持比例。

作者 9823189