能调中文，但效果差：中文字为方块字，设正值易显断层、负值易重叠；英文则天然适配。建议中文优先用font-feature-settings: "kern"，必要时用em单位（如0.05em）并配合line-height调整。
letter-spacing能调中文吗？效果和英文有啥区别
能调，但中文通常不靠letter-spacing来“加空”，因为中文字是方块字，浏览器默认不按字符间隙渲染，强行设正值容易让字间出现难看的“断层感”，负值又容易重叠。英文则天然依赖字母间距，调整更自然。
实操建议：
- 中文排版优先用
font-feature-settings: "kern"或确保字体本身支持连字/字距微调，而不是硬塞letter-spacing - 若必须用（比如标题装饰、等宽中文对齐），建议只在
display: inline-block或white-space: pre上下文中试，避免影响段落流 -
letter-spacing设0.05em以内较安全；超过0.1em在小字号下极易显碎
letter-spacing设px/em/rem哪个更稳
用em最合理——它基于当前字体大小计算，缩放、响应式时不会失真。设2px在12px字号下是“大间隔”，在24px下就几乎看不出，而0.1em始终是字号的10%。
常见错误现象：用px做全局按钮文字间距，结果在高清屏或缩放125%时文字挤在一起，因为像素值没跟着字体变。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 避免
px，除非你明确锁定某处固定尺寸（如图标+文字组合中的微调） -
rem也可，但要注意根字体大小是否被动态修改（比如某些UI库会改html的font-size） - 千万别用百分比（
%），CSS规范里letter-spacing不支持百分比单位
为什么letter-spacing会让行高变高或换行异常
因为letter-spacing增加的是“字符盒”之间的空白，这个空白会计入行内元素的总宽度，进而可能撑开line-height的计算基线，尤其当父容器line-height设得小、或用了vertical-align: top/middle时更明显。
使用场景：常见于导航栏文字、卡片标题——这些地方常配line-height: 1或display: flex居中，一旦加了letter-spacing，文字突然“上浮”或换行错位。
实操建议：
- 加
letter-spacing后，检查父容器是否需要同步调高line-height（比如从1→1.2） - 更稳妥的做法：把文字包一层
span，只对它设letter-spacing，并加display: inline-block隔离影响 - 如果用Flex布局，直接给文字容器加
align-items: center比依赖line-height更可控
letter-spacing在不同浏览器里表现一致吗
主流浏览器（Chrome/Firefox/Safari/Edge）对letter-spacing的解析基本一致，但老版本Safari（≤14）在transform: scale()或zoom下可能忽略该属性；IE11则完全不支持负值（设负值会被当成0）。
性能影响极小，它不触发重排，只影响重绘，但若大量元素（比如千行列表）都设了非默认值，GPU渲染压力会略升。
实操建议：
- 不需要加前缀，
letter-spacing是CSS2.1标准属性 - 兼容IE11？别用负值；或者用
margin-left: -Xpx模拟（仅限已知字符数的静态文本） - 动画慎用：用
letter-spacing做hover动效，小字号下易产生模糊，不如用transform: scale()替代
真正难搞的不是怎么写letter-spacing，而是判断“这里到底该不该用它”——中英文混排、多语言切换、可访问性缩放、字体加载失败降级，每个环节都可能让预设的间距崩掉。留点余量，比调到像素级精准更重要。
