行高
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。行高都写成不带单位的倍数,不要写固定像素值。