html中输入“看得见”的空格应使用 实体，它不被浏览器合并且不换行；其他空格实体如 、 、 宽度不同，但css的padding、margin、ch单位等更可控、可维护。
HTML 里怎么输入一个“看得见”的空格
普通键盘敲空格，浏览器会自动合并成一个空格；想让多个空格生效，得用 HTML 实体。最常用的是 （non-breaking space），它不会被浏览器折叠，也不会在行尾换行。
- 写法：
<p>姓名： 张三</p>
- 效果：冒号后显示三个固定宽度空格（等宽字体下更明显）
- 注意：
不同宽度/功能的空格实体有哪些
HTML 定义了多个空格相关字符，用途差异明显，不是所有都适合排版。关键看是否支持 CSS font-variant-numeric、是否受字体影响、是否可被选中或复制。
-
-
-
-
 不是标准实体，但 -
-
（）：zero-width non-joiner，不可见、无宽度，仅影响连字行为，**不是空格**
CSS 替代方案比 HTML 实体更可控
用 堆砌空格本质是 hack，维护困难且语义不清。真正做对齐或留白，应优先考虑 CSS：
立即学习“前端免费学习笔记（深入）”；
- 文字对齐：用
text-align: justify或text-align-last - 字段间隔：给
<span></span>加margin-right或用display: inline-block+width - 等宽缩进：用
padding-left或margin-left，单位用em或ch（如1ch≈ 一个 “0” 字符宽度） - 表格类布局：用
<dl> <dt></dt> <dd></dd> </dl>配合display: grid，比空格拼接稳定得多
容易踩的坑：复制粘贴和可访问性问题
用户复制含大量 或 的文本时，这些字符会被一并复制进剪贴板，导致粘贴到 Word 或 Excel 里出现异常缩进甚至乱码。屏幕阅读器对某些空格实体（如 ）可能静默跳过，也可能误读为“空白”，影响无障碍体验。
- 避免在纯文本内容中混用多种空格实体，尤其不要用
- 如果必须用实体，优先选
- 检查 DevTools 元素面板里是否意外多出
（BOM）或（ZWJ），它们会导致看不见的渲染偏移
gap、padding、ch 单位和 grid-template-columns 才是长期可靠的解法。 
