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