HTML中空格不生效是因浏览器默认合并连续空白字符；应使用CSS的letter-spacing/word-spacing精确控制间距，或谨慎选用 、 、 等实体并配合字体锁定。
HTML 中用空格分隔文字为什么经常不生效
因为 HTML 默认会把连续的空白字符（空格、换行、制表符）合并成一个空格，且开头结尾的空白会被忽略。直接敲多个 或连打空格键，渲染效果往往和预期不符。
、 、 的区别和适用场景
这些是 HTML 实体，代表不同宽度的不可断行空格：
-
-
-
注意： 和 在部分老旧浏览器（如 IE9 及更早）中支持不稳定，移动端基本无问题。
用 CSS 控制文字间距更可靠
真正可控、可响应、可继承的文字间距，应该用 CSS 的 letter-spacing 或 word-spacing：
立即学习“前端免费学习笔记（深入）”；
-
letter-spacing：控制每个字符（含汉字、英文字母、数字）之间的距离，单位推荐用px或em -
word-spacing：只影响单词（以空格分隔的字符串）之间的距离，对中文无效（因中文词间无空格） - 负值允许收缩间距，但过小会导致文字粘连，尤其在小字号下易读性下降
span.fine-tune {
letter-spacing: 0.05em; /* 推荐用 em，随字体大小缩放 */
}中文排版中“加空格”的常见误操作
很多人试图用空格实现“仿宋体字距”或“标题字间呼吸感”，结果出错：
- 在中文文本中混用英文空格 +
- 用
white-space: nowrap容器里，换行时空格被截断或丢失 - 依赖空格实现对齐（如左右两端对齐），但不同字体、不同浏览器渲染宽度不一致，实际对齐失效
真要精确控制，优先写 CSS；若必须用 HTML 实体，统一选 并配 font-family 锁定字体，否则“全角”可能在思源黑体和微软雅黑里表现不同。
