行高排版
一行文字所占的高度,决定上下两行之间看起来有多挤。
- 两行字挤在一起
- 行与行之间松一点
- 一段字看着密
- 行高
- 行距
- 行盒高度
示例
用户带着一句大白话来,拿走三样东西:这个东西在三个平台上分别叫什么;什么时候该用、什么时候不该用;一段可以直接粘贴给助手的提示词。
line-height: 1.7;
Web / iOS / Android 对照
Web原生支持
平台通用范围
line-height
CSS: line-height
官方定义是「设置行盒的高度」——是整行的总高度,不是行之间额外加的空隙。
iOS原生支持
平台通用范围
minimumLineHeight
也叫 lineHeightMultiple
UIKit: NSMutableParagraphStyle.minimumLineHeight
SwiftUI 的 .lineSpacing(_:) 语义不同:官方描述是「设置这个视图中文字行之间的空隙量」,是行之间额外的空隙,不是行的总高度。真正对应行高的是 UIKit 段落样式的 minimumLineHeight / maximumLineHeight / lineHeightMultiple。
Android原生支持
平台通用范围
lineHeight
Compose: TextStyle(lineHeight = …)
通过 TextStyle 给出;文档在段落样式一节说明 ParagraphStyle 可指定行高。
使用规范
什么时候用
- 正文需要长时间阅读时
- 中文段落需要比默认更松的呼吸感时
什么时候别用
- 单行标题上照抄正文行高时
- 把它当成段落间距用时
容易混淆
跨端框架实现
- Flutter
TextStyle.heightText(style: TextStyle(height: …))是字号的倍数,不是绝对值。
给 AI 的提示词
这条词条还没有经过验证的实现提示词。