应使用 unicode 不换行空格 \u00a0 替代普通空格，因 alert() 仅渲染纯文本且会合并连续空白符；\u00a0 在弹窗中不被压缩且视觉宽度与普通空格一致。
弹窗提示中空格被合并怎么办
浏览器默认会把连续空格、换行、制表符压缩成单个空格，alert() 和 confirm() 都走的是这个规则——所以直接传入 "a b" 或 "a b"，弹窗里只会显示 "a b"。
用 替代普通空格但要注意限制
是 HTML 实体，在普通 HTML 文档中能保留空白，但它在 alert() 里完全无效：因为 alert() 只渲染纯文本，不解析 HTML 实体。你传 "a b" 过去，用户看到的就是字面的 a b。
- ✅ 正确做法：用 Unicode 空格字符，比如
\u00A0（不换行空格）或\u2000～\u200A系列 - ❌ 错误写法：
alert("a b")、alert("a b".replace(/ /g, " ")) - ⚠️ 注意：
\u00A0在大多数字体下和普通空格视觉宽度一致，但不会被合并；\u2000（en quad）更宽，适合需要明显间距的场景
实际可用的代码示例
下面这段能在所有主流浏览器弹窗中稳定显示 4 个等宽空格：
alert("key:\u00A0\u00A0\u00A0\u00A0value");
如果想动态生成 n 个不合并空格，别用 " ".repeat(n)（它还是会被压缩），改用：
const nbsp = "\u00A0";<br>alert(`id:${nbsp.repeat(4)}12345`);
其他可选空白符（按宽度递增）：\u2000、\u2001、\u2002（en space）、\u2003（em space）。它们在弹窗里都生效，且互不换行。
替代方案：不用 alert，改用自定义弹窗
如果你需要真正支持 HTML 格式（比如 <pre class="brush:php;toolbar:false;"></pre>、颜色、多行缩进），alert() 从根源上就不合适。此时应该放弃原生弹窗，用 div + position: fixed 模拟，并设置 white-space: pre 或 pre-wrap。
- 优势：可完整使用
<pre class="brush:php;toolbar:false;">data: value</pre>、CSS 控制、响应式 - 代价：要自己处理遮罩、焦点、ESC 关闭、无障碍属性（
role="alertdialog"） - 简单底线：只要求“显示空格”，
\u00A0就够了；一旦涉及对齐、缩进、多行结构，就得切到 DOM 方案
最常被忽略的一点：开发时在控制台 console.log("a b") 看着有空格，就以为 alert() 也会一样——其实两者渲染机制完全不同，不能类推。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
