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

HTML 里普通空格直接敲空格键为什么没用

因为 HTML 解析器会把连续的空白字符（空格、换行、制表符）合并成一个空格，且开头结尾的空白会被忽略。你在编辑器里敲了 5 个空格，<td> hello</td> 渲染出来还是 hello 前只有一个空格。

表格单元格内加空格的可靠方法

想在 <td> 或 <th> 里精确控制空格数量或位置，得用 HTML 实体或 CSS：

•  ：不换行空格（non-breaking space），最常用。连续写几个就显示几个，比如     显示三个空格
•  ：半个汉字宽（约 0.5em），适合对齐微调
•  ：一个汉字宽（约 1em），视觉上更“稳”
• CSS 方式：style="padding-left: 20px" 或 text-indent 更灵活，但属于“外扩”而非“内容空格”

实际用在表格里的典型写法

比如让单元格文字右对齐并留两个空格余量，别用空格堆，用  ：

<table border="1">
  <tr>
    <td>ID</td>
    <td>  张三</td>
  </tr>
  <tr>
    <td>年龄</td>
    <td>  28</td>
  </tr>
</table>

注意：  是实体，必须写全，漏掉分号（如 &nbsp）会导致解析失败，可能显示为纯文本 &nbsp。

Wjs Localizing Video

用于端到端视频本地化流程的轻量编排器，路由至四个专注子技能——/wjs-transcribing-audio、/wjs-translating-subtitles...

下载

立即学习“前端免费学习笔记（深入）”；

容易被忽略的坑

用   的时候，尤其在动态生成表格（比如 JS 拼接字符串或模板引擎渲染）时：

• JS 字符串里要写成 " "，不是 "\u00A0"（虽然它等价，但可读性差，易出错）
• Vue/React 中直接写   会被当作普通文本，需用 v-html 或 dangerouslySetInnerHTML，更推荐用 CSS padding 替代
• 屏幕阅读器会把   当作一个不可见字符朗读，大量使用影响无障碍体验

真正需要“空格语义”时才用实体；单纯为了对齐或留白，CSS 几乎总是更干净、更可控的选择。