表格中设letter-spacing中文没反应，是因为中文字体默认字距小且缺乏opentype字距表，2px在14px字号下视觉增量几乎为零；应改用0.03em等响应式单位，并作用于th/td而非table根元素，配合lang属性分设中英文值。
表格里设letter-spacing为什么中文没反应？
常见现象是给 <table> 或 <code><td> 加了 <code>letter-spacing: 2px，英文标题变松了，但“姓名”“年龄”这些中文列头纹丝不动——不是失效，是字体本身字距太小，2px 在 14px 字号下视觉增量几乎为零。
真正起效的前提是：字体支持基础字距（kerning），且字号足够让像素值可感知。中文字体默认字距本就比英文字母窄，letter-spacing: 0.03em 比 2px 更可靠，它会随 font-size 自动缩放。比如单元格 font-size: 12px 时，0.03em ≈ 0.36px，虽小但稳定；换成 16px 就变成 0.48px，比例一致。
- 别在
<table> 根元素上设，继承后会影响表头图标、数字序号等非文本内容<li>优先作用于 <code><th> 和 <code><td>，或用类如 <code>.table-cell精确控制 - 若用 Web Font（如 Alibaba PuHuiTi），先确认其 kerning 开关状态；部分免费中文字体默认关闭，
letter-spacing只能微调，救不了底子
表格中英文混排时 letter-spacing 怎么不拉垮？
同一 letter-spacing 值对“User ID”和“用户编号”视觉影响差异极大：拉丁字母横向空间天然大，汉字笔画密集，等值设置会导致英文过松、中文过紧。
最简方案是拆开控制：th:lang(en) 或 span.lang-en 单独设值。例如：
th:lang(en) { letter-spacing: 0.05em; }
th:lang(zh) { letter-spacing: 0.02em; }
更稳妥的做法是在 HTML 中显式标注语言：
<th lang="en">Name</th> <th lang="zh">姓名</th>
- 避免用
word-spacing—— 表格单元格里没空格分词，对纯中文完全无效 - 禁用无单位值（如
0.1），它会被解析为0.1px，多数浏览器舍入归零 - 不要给
<input>表单控件加该样式，旧版 Safari 不支持，且输入框内文字渲染不稳定
表格标题收紧用负值，哪些坑不能踩？
想让“操作”“状态”这类两字表头更紧凑，letter-spacing: -0.02em 可行，但 -1px 是高危操作。
中文在小字号（≤14px）下负值极易引发笔画粘连，尤其“口”“田”“目”结构的字；iOS Safari 对负值渲染尤其保守，常直接忽略。
- 安全范围：中文建议 ≤
-0.03em，且必须搭配line-height: 1.6以上，防上下行文字重叠 - 英文大写标题（如 STATUS）可用
-0.5px或-0.02em，风险较低 - 永远别设
letter-spacing: -2px这类绝对负值——字号一变，粘连程度不可控 - 若目标是视觉紧凑，优先换字体（如 Inter、HarmonyOS Sans 支持 font-stretch），比硬塞负值更可靠
响应式表格里 letter-spacing 怎么不翻车？
固定 px 值在移动端小屏上会撑破单元格，尤其配合 white-space: nowrap 时，文字溢出看不见，误以为没生效。
用 em 是底线：它随当前 font-size 缩放，0.03em 在 12px 下是 0.36px，在 18px 下是 0.54px，视觉疏密感一致。
需要更精细控制时，用 calc() 组合：
th { letter-spacing: calc(0.02em + 0.3px); }
- 不要在
* { letter-spacing: ... }全局设置，会污染数字、图标字体、按钮文字 - 继承性很强：父级设了，子
<strong></strong>或<span></span>也会被拉宽，必要时用span { letter-spacing: normal; }重置 - 真机测试比 DevTools 更重要——iOS Safari 和 Android Chrome 对小字号负值、WebFont 字距的处理差异明显
真正难调的从来不是写上 letter-spacing，而是它在不同字体、不同字号、不同浏览器下的渲染一致性。表格场景尤其敏感，一个单元格里中英文数字混排，再叠加响应式缩放，靠试错不如靠 lang 拆分 + em 单位 + 真机验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
