← 返回 Web 词条

行高

Web原生支持

在 Web 上叫line-height

CSS: line-height

官方定义是「设置行盒的高度」——是整行的总高度,不是行之间额外加的空隙。

一行文字所占的高度,决定上下两行之间看起来有多挤。

  • 两行字挤在一起
  • 行与行之间松一点
  • 一段字看着密
  • 行高
  • 行距
  • 行盒高度

示例

Webline-height原生支持点选数值,样本实时变化

用户带着一句大白话来,拿走三样东西:这个东西在三个平台上分别叫什么;什么时候该用、什么时候不该用;一段可以直接粘贴给助手的提示词。

line-height: 1.7;

其他平台的相似实现

iOS原生支持
minimumLineHeight异名

SwiftUI 的 .lineSpacing(_:) 语义不同:官方描述是「设置这个视图中文字行之间的空隙量」,是行之间额外的空隙,不是行的总高度。

看 iOS 视角 →
Android原生支持
lineHeight同名

通过 TextStyle 给出;文档在段落样式一节说明 ParagraphStyle 可指定行高。

看 Android 视角 →

跨端框架实现

使用规范

什么时候用

  • 正文需要长时间阅读时
  • 中文段落需要比默认更松的呼吸感时

什么时候别用

  • 单行标题上照抄正文行高时
  • 把它当成段落间距用时

容易混淆

Web 出处

查看 Web / iOS / Android 完整对照 →