HTML中普通空格无效是因为解析器会合并连续空白并忽略首尾空格;可靠方法是使用 等实体或CSS padding/text-indent,注意 需写全且慎用于无障碍场景。

HTML 里普通空格直接敲空格键为什么没用
因为 HTML 解析器会把连续的空白字符(空格、换行、制表符)合并成一个空格,且开头结尾的空白会被忽略。你在编辑器里敲了 5 个空格, 渲染出来还是 hello hello 前只有一个空格。
表格单元格内加空格的可靠方法
想在 比如让单元格文字右对齐并留两个空格余量,别用空格堆,用 注意: 立即学习“前端免费学习笔记(深入)”; 用 真正需要“空格语义”时才用实体;单纯为了对齐或留白,CSS 几乎总是更干净、更可控的选择。 或 里精确控制空格数量或位置,得用 HTML 实体或 CSS:
:不换行空格(non-breaking space),最常用。连续写几个就显示几个,比如 显示三个空格 :半个汉字宽(约 0.5em),适合对齐微调 :一个汉字宽(约 1em),视觉上更“稳”style="padding-left: 20px" 或 text-indent 更灵活,但属于“外扩”而非“内容空格”实际用在表格里的典型写法
:
ID
张三
年龄
28
是实体,必须写全,漏掉分号(如  )会导致解析失败,可能显示为纯文本  。容易被忽略的坑
的时候,尤其在动态生成表格(比如 JS 拼接字符串或模板引擎渲染)时:
" ",不是 "\u00A0"(虽然它等价,但可读性差,易出错) 会被当作普通文本,需用 v-html 或 dangerouslySetInnerHTML,更推荐用 CSS padding 替代 当作一个不可见字符朗读,大量使用影响无障碍体验










