← 返回 iOS 词条

行数截断

iOS原生支持

在 iOS 上叫lineLimit

也叫 lineLimit(_:)

SwiftUI: View.lineLimit(_:)

官方描述是「设置文字在这个视图里最多能占多少行」,传 nil 表示不限行。有一点容易被忽略:官方说明这个限制「作用于层级内的所有文字实例」—— 加在容器上会一并影响里面每一段文字,不是只管一处。

限定一段文字最多显示几行,超出的部分收起来不再往下撑。

  • 最多显示两行
  • 超出的收起来
  • 别把卡片撑高
  • 行数截断
  • 最大行数
  • 多行省略

其他平台的相似实现

Web原生支持
line-clamp异名

官方定义是「允许把一个块的内容限制到指定的行数」。

看 Web 视角 →
Android原生支持
maxLines异名

官方措辞是「把文本视图的高度设置为最多这么多行高」—— 它描述的是高度上限,而不是「截断并加省略号」。

看 Android 视角 →

使用规范

什么时候用

  • 列表或卡片里的摘要必须保持等高时
  • 标题长短不一但版面要求整齐时

什么时候别用

  • 被截断的内容没有任何展开途径时
  • 正文阅读区强行截断,读者拿不到完整信息时

容易混淆

iOS 出处

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