行高计算器
输入字号和行高比例,查看无单位 CSS 值、像素行框及行间额外留白。
使用步骤
如何使用
- 在建议范围内输入字号和行高比例。
- 计算无单位 CSS 行高和像素行框。
- 把建议值作为起点,再结合实际字体和行宽检查。
两个实用的 CSS 数值
比例值是 CSS 中使用的无单位 line-height。像素结果表示该字号对应的行框;额外行间距是超出字号本身的空间。
建议仅作参考
正文通常可从 1.4–1.7 起步,标题约为 1.1–1.3;展示文字可能需要更紧或更松的间距。最终选择仍取决于字体度量、语言、行宽和无障碍需求。
本地计算与范围
字号限制为 1–500 px,比例限制为 0.8–3.0。计算在浏览器本地完成,不会上传或保存文本与设置。
常见问题
你可能还想知道
什么是无单位行高?
它是乘以元素字号的比例,例如 1.5;字号改变时会自然缩放。
像素间距对每种字体都精确吗?
不是。它描述的是 CSS 行框。字体的上伸部、下伸部、语言和浏览器渲染都会影响文字在框内的呈现。
应该选什么比例?
先用建议值试排:正文通常比标题需要更宽松的行距,但应始终检查实际字体和阅读场景。