156.0.8078.48 http://127.0.0.1:4437/blog/ai-spacing/ 写 14 → 看 21.5 每段文字都带着一截看不见的空白 写 14 → 看 21.5 为什么偏偏坑小间距 写 14 → 看 20.6 中文页面里,把这截空白裁掉 写 14 → 看 21.6 验收:给页面拍一张 X 光 写 14 → 看 21.5 给 AI 的规则 写 15.1 → 看 28.5 写的时候,组内和组间差 6 倍;看到的只 写 14.8 → 看 29.1 这不是 AI 把数字写错了。三份页面的间 写 14.8 → 看 29.1 需求是一个移动端的「账户设置」页,pro 写 14.8 → 看 29 一行字在 CSS 里占的高度是它的行高( 写 14.8 → 看 29.1 这截空白有两个来源。一是行距:行高比字体 写 14.8 → 看 29.1 我们在 macOS 的 Chrome 上 写 14.8 → 看 29.1 第 1 份里,「邮件摘要」是 16px、 写 14 → 看 21.5 AI 做对了什么 写 14.1 → 看 23.2 第 3 份 写 14.1 → 看 23.4 第 3 份 写 14.1 → 看 23.3 第 3 份 写 14.9 → 看 25.3 第 3 份 写 14.8 → 看 29.1 层次靠的是「组内比组间近」。三份页面在 写 14.6 → 看 29.1 最明显的是昵称和 ID。三份里它都是 C 写 15.1 → 看 29.1 CSS 现在有专门做这件事的属性: 。它 写 14.6 → 看 26 上边裁到大写字母的顶(cap),下边裁到 写 15.1 → 看 29.1 中文照抄会出问题。在上面的演示里切到「裁 写 15.1 → 看 29.1 在 Chrome 里不起作用:只写 时, 写 14.6 → 看 26 只裁不补,小间距会直接撞上。我们给第 1 写 15.1 → 看 29.1 规范里其实给中文准备了专门的取值, ,裁