跳到主要内容
前端术语库

行高

Line Height

样式与 CSS也叫:line-height、行间距、行距

一句话:一行文字所占的高度,决定多行文字之间的疏密,正文通常设为字号的 1.5 到 1.8 倍。

详细解释

line-height 控制每一行文字占多高,行与行之间的空隙就来自它。行高太小,多行文字挤成一团,读起来吃力;行高太大,行与行像断开了,视线接不上。中文正文推荐 1.61.8,英文正文 1.41.6,大标题可以收紧到 1.2~1.3。

建议写成不带单位的倍数,比如 line-height: 1.6,它按当前字号自动计算,字号变了比例不变;写成固定的 24px,字号放大后就可能挤在一起。

行高也影响单行元素的高度和垂直居中,按钮里的文字看起来没居中,常常和行高有关。它和段落间距是两回事,段落之间的距离用 margin 控制。

示例

灰度线框示意,只表达结构,不代表具体视觉风格。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

文章正文读起来太挤,请把正文行高改成 1.75,段落之间加 1em 的间距;标题行高收紧到 1.3;表格和列表里的文字行高用 1.5。行高都写成不带单位的倍数,不要写固定像素值。