文字与文档工具

行高计算器

输入字号和行高比例,查看无单位 CSS 值、像素行框及行间额外留白。

优先本地处理无需注册隐私说明 ↗

字号:1–500 px;比例:0.8–3.0。

使用步骤

如何使用

  1. 在建议范围内输入字号和行高比例。
  2. 计算无单位 CSS 行高和像素行框。
  3. 把建议值作为起点,再结合实际字体和行宽检查。

两个实用的 CSS 数值

比例值是 CSS 中使用的无单位 line-height。像素结果表示该字号对应的行框;额外行间距是超出字号本身的空间。

建议仅作参考

正文通常可从 1.4–1.7 起步,标题约为 1.1–1.3;展示文字可能需要更紧或更松的间距。最终选择仍取决于字体度量、语言、行宽和无障碍需求。

本地计算与范围

字号限制为 1–500 px,比例限制为 0.8–3.0。计算在浏览器本地完成,不会上传或保存文本与设置。

常见问题

你可能还想知道

什么是无单位行高?

它是乘以元素字号的比例,例如 1.5;字号改变时会自然缩放。

像素间距对每种字体都精确吗?

不是。它描述的是 CSS 行框。字体的上伸部、下伸部、语言和浏览器渲染都会影响文字在框内的呈现。

应该选什么比例?

先用建议值试排:正文通常比标题需要更宽松的行距,但应始终检查实际字体和阅读场景。