字间距(letter-spacing)非段落原生属性,但能提升视觉节奏与专业感,适用于标题、中西文混排等场景;需克制使用,配合字体与行高协同调整,避免破坏阅读流。

字间距(letter-spacing)不是段落标签
的原生属性,但它能显著改善段落文字的视觉节奏和专业感——尤其在标题、引文、短句或中西文混排场景中。关键在于克制使用、配合字体与行高协同调整,而非孤立放大。
什么时候该调字间距?
默认情况下中文段落一般不需调整字间距,因为汉字本身是方块结构,过大的字距会破坏阅读流。但以下情况值得考虑:
- 标题或强调性短句:如“品牌宣言”“标语式导语”,适当增加 1–2px 或 0.05em 可增强张力;
- 英文单词/缩写混入中文段落时:比如“iOS 系统”“AI 技术”,微调英文部分字距(+0.5px)可缓解视觉拥挤;
- 等宽字体或装饰性字体:某些手写体、衬线体在小字号下易粘连,轻微正向 letter-spacing(0.1–0.2em)可提升辨识度;
- 响应式断行异常处:窄屏下长英文单词撑破容器,局部加字距有时比换行更可控。
怎么设才不破坏段落结构?
直接在
上设 letter-spacing 会影响整段,通常不推荐。更稳妥的做法是:
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
- 用包裹需调整的部分:
欢迎体验Lobster AI浏览器
; - 定义语义化类名,避免样式污染:,再写
本方案支持HTML5与CSS3标准
; - 慎用负值:-1px 以上容易造成字符重叠,移动端尤其难读,仅限极个别设计需求且需多端测试。
和行高、段距怎么配合?
字间距变化会 subtly 改变视觉密度,因此需同步微调其他排版参数:
- 若增大字距,建议 line-height 略增(如从 1.6 → 1.65),避免行间显得局促;
- 段落 margin 不受影响,但若某段含大量带字距的,整体高度可能略增,注意与相邻元素的垂直节奏;
- 避免同时大幅调整 word-spacing 和 letter-spacing,二者叠加易导致文本“松散失重”。
兼容性与实操提醒
letter-spacing 在所有现代浏览器中支持良好,包括 iOS Safari 和 Android Chrome。注意两点:
- 单位优先用 em 或无单位数值(如 0.08em),比 px 更适配缩放和响应式;
- 它会继承给子元素,如果
里有或,它们也会带上相同字距——除非显式重置:a, strong { letter-spacing: normal; }。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










