行高
Line Height
初级通用行高(Line Height)是排版中每行文字占用的垂直空间,影响多行文字之间的距离。它帮你调整段落的阅读节奏:比如帮助页的说明文字挤在一起时,可以增大行高,而不必把字号也调大。
你可能会说:「这段说明文字每行挨得太近了,能让它读起来松一点,但别把字变大吗?」
动手看看帮助中心的退款说明
帮助中心 · 订单与退款
退款什么时候到账?
退款审核通过后,款项会按原支付渠道退回。银行卡通常需要 3 至 7 个工作日;如果超过预计时间仍未到账,请带上订单编号联系在线客服。
查看退款进度
拖动「正文行高」,看退款说明的行间距离和整段高度怎样变化。字号始终是 15px,变化的只有每行占用的垂直空间。
要点行高怎么影响你看到的文字?
- 1
它管的是每行占用的高度
你在后台页面放一段三行的字段说明,行高变大后,各行文字通常会离得更开;字号不变,字本身不会因此变大。我们可以先看多行文本的效果,再决定调多少。
- 2
字号和行高可以分别调整
字号决定字有多大,行高决定一行文字在垂直方向占多少空间。因为两者作用不同,所以段落看着拥挤时,你可以先调整行高,不必立刻缩小字号。
- 3
设置后还要检查容器高度
如果卡片把文字区域的高度写死,增大行高可能让末尾几行被遮住。让 AI 调整行高时,最好也请它检查卡片在窄屏和文字换行后的高度。
容易混淆的地方
行高不是段落间距:前者影响同一段文字的行与行,后者影响两段文字之间的空隙。它也不是字号;增大行高不会把字放大。若你想拉开卡片标题和正文之间的距离,调整两块内容的间距更直接。
什么时候用
适合用
- 帮助中心的正文换行后显得拥挤,你想让用户更容易沿着一行读到下一行。
- AI 聊天界面的长回复有多段文字,你想调整每段内部的行距,同时保留现有字号。
- 表单下方的错误说明在手机上换成两行,你想让两行文字之间留出合适的空间。
不适合用
- 你想拉开页面上两个卡片的距离;这和文字行高无关,调整卡片之间的间距。
- 你想让单行按钮文字在按钮里上下居中;优先检查按钮的内边距或居中布局。
- 你想让一整段说明文字更醒目;可以先调整字号或字重,行高不会让字本身变大。
练一练选一个答案,看看解释
一个产品卡片的介绍文字在手机上换成四行,读起来很挤;卡片高度会随内容增长。你会先让 AI 怎么改?
让 AI 帮你做复制给 AI Agent 直接用
请调整产品卡片介绍文字的行高,让手机窄屏下换成多行时不显拥挤,保持现有字号和字重。请检查卡片高度能否随文字增长,并展示调整前后的窄屏效果。