行高排版

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

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

示例

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

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

line-height: 1.7;

Web / iOS / Android 对照

iOS原生支持

平台通用范围

minimumLineHeight

也叫 lineHeightMultiple

UIKit: NSMutableParagraphStyle.minimumLineHeight

SwiftUI 的 .lineSpacing(_:) 语义不同:官方描述是「设置这个视图中文字行之间的空隙量」,是行之间额外的空隙,不是行的总高度。真正对应行高的是 UIKit 段落样式的 minimumLineHeight / maximumLineHeight / lineHeightMultiple。

使用规范

什么时候用

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

什么时候别用

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

容易混淆

跨端框架实现

给 AI 的提示词

这条词条还没有经过验证的实现提示词。