的作用是防止断行而非强制换行，它是不可折行空格，不产生换行符，需配合<br>或CSS实现换行；在white-space:pre-line中无效，因它属HTML实体而非换行符。
为什么用了 还是不换行
因为 的作用是“防止断行”，不是“强制换行”。它本质是一个不可折行的空格字符，浏览器会把它当普通空格渲染，但禁止在此处换行——所以如果你指望它让文字分两行显示，注定失败。
常见错误现象： 写了一堆，结果整段文字还是挤在一行；或者用在“标题： 内容”里，发现缩进没效果，还把“标题：”和“内容”锁死在同一行。
-
- 想靠它实现段落换行？必须配合
<br>或 CSS 控制 - 多个
white-space: pre）
white-space: pre-line 为什么对 无效
white-space: pre-line 只识别原始文本中的 \n 换行符，而 是 HTML 字符实体，属于“内容层”，不是换行控制符。CSS 不会把它当作换行依据。
使用场景：你后端返回的是带 \n 的字符串，但页面上却混用了 做间距，结果 pre-line 生效了换行， 却被合并成一个空格——视觉上“换行有了，但缩进没了”。
立即学习“前端免费学习笔记（深入）”；
- 确保换行意图统一：要换行就用
\n+white-space: pre-line，别夹杂 - 如果必须用
<br>，或改用margin-left等 CSS 方案 -
pre或pre-wrap下能保留，但此时所有空格、缩进都原样输出，容易破坏排版
替换 \n 为 <br> 时 被转义怎么办
当你用 JS 把字符串里的 \n 替换成 <br>，再塞进 innerHTML，如果原始字符串里还有 实体，它们会被当成纯文本渲染（比如显示为字面量 ），而不是空格。
根本原因：JS 字符串中写的是 "姓名： 张三\n年龄：28"，但 是 HTML 解析阶段才生效的，JS 层面它只是 6 个字符，不是实体。
- 正确做法：不要在 JS 字符串里硬写
\u00A0（即'\u00A0'），它在 JS 和 HTML 中都能被识别为空格 - 或者统一走 HTML 渲染路径：用
textContent = str+white-space: pre-line，完全避开 innerHTML 和实体转义问题 - 若必须用
innerHTML且含用户输入，先做 HTML 实体编码（如用DOMPurify.sanitize()），再替换\n→<br>
该用 还是 CSS 控制空格
绝大多数情况下， 是妥协方案，不是设计选择。它语义弱、难维护、响应式下易失效。
比如“标签： 值”这种写法，在小屏设备上三个 可能撑开整个容器，而用 display: flex + gap 或 margin-inline-start 就可控得多。
- 只在极少数场景用
- 需要可变间距、对齐、缩进？直接上
padding、margin、text-indent或letter-spacing - 服务端模板里大量用
最常被忽略的一点：空格和换行从来不是纯 HTML 问题，而是“内容生成方式”和“样式控制权”的归属问题。你用 锁住一个空格，就等于放弃用 CSS 调整它的权利——一旦字体变了、字号缩了、方向翻了，它就可能突然错位或溢出。
