HTML解析阶段即合并空白，DOM中已无原始空格换行；textContent反映的是已压缩后的结果，该过程不可逆，仅、等特殊标签内部保留原始空白。
浏览器在解析 HTML 时，会把连续空格、换行、制表符等空白字符统一折叠为单个空格——这不是 bug，是 HTML 规范强制要求的行为，JavaScript 读到的 textContent 已是折叠后的结果，无法还原原始空白。
为什么 textContent 拿不到原始空格
HTML 解析器在构建 DOM 树阶段就完成了空白折叠：所有连续空白（\s+）被转为 U+0020，并压缩成一个空格。这个过程不可逆，且发生在 DOM 节点创建时，不是渲染层的视觉欺骗。
-
hello world
-
a b
是预格式化上下文 -
<script>console.log("a\nb");</script>里的换行也不会被折叠，JS 字符串字面量不受 HTML 解析影响
想显示多个空格，该用 还是 white-space
二者适用场景完全不同： 是语义级占位，适合小范围控制（如单词间加两个空格）；white-space 是样式级控制，适合整块文本保留格式。
- 用
- 用
white-space: pre：整段文本按源码排版，但会禁用自动换行，可能溢出容器 - 用
white-space: pre-wrap：更实用，保留空格和换行，同时允许软换行 - 别用
white-space: normal去“修复”——它就是默认值，什么也改不了
element.normalize() 能不能清理多余空格
不能。它只处理 DOM 节点结构，不修改文本内容中的空格数量。
-
normalize()会合并相邻Text节点，比如"a"+"b"→"ab" - 它会移除
nodeValue === ''的空文本节点（比如只含换行的节点），但不会把"a b"变成"a b" - 对未挂载元素调用无效：
const el = document.createElement('div'); el.normalize();—— 无子节点，啥也不做 - 字符串上没有
.normalize()方法：" a ".normalize()直接报错
用正则或工具压缩 HTML 时要注意什么
粗暴替换 \s+ 极易破坏内容，尤其在特殊标签内部。
-
html-minifier的collapseWhitespace: true是安全的，它模拟浏览器逻辑，跳过、<script></script>等上下文 - 自己写正则删换行前，必须先排除
.*?
<script>.*?</script>等区块 - 属性值里的空格（如
class=" a b "）被压成class="a b"通常没问题，但若后端校验data-*值含特定空格数，就可能出错 - 内联元素间有意图的空格（如
A B）删掉后会变成 AB，需改用word-spacing
最常被忽略的一点：你以为在源码里敲了五个空格，其实从解析开始它就不再是五个了；后续所有操作（JS 读取、CSS 控制、DOM 操作）都基于这个已折叠的文本值，而不是你写的源码。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
