HTML中普通空格无效是因为解析器会合并连续空白并忽略首尾空格；可靠方法是使用 等实体或CSS padding/text-indent，注意 需写全且慎用于无障碍场景。
HTML 里普通空格直接敲空格键为什么没用
因为 HTML 解析器会把连续的空白字符（空格、换行、制表符）合并成一个空格，且开头结尾的空白会被忽略。你在编辑器里敲了 5 个空格，<td> hello</td> 渲染出来还是 hello 前只有一个空格。
表格单元格内加空格的可靠方法
想在 <td> 或 <th> 里精确控制空格数量或位置，得用 HTML 实体或 CSS：
-
-
-
- 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>
注意： 是实体，必须写全，漏掉分号（如  ）会导致解析失败，可能显示为纯文本  。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的坑
用 的时候，尤其在动态生成表格（比如 JS 拼接字符串或模板引擎渲染）时：
- JS 字符串里要写成
" "，不是"\u00A0"（虽然它等价，但可读性差，易出错） - Vue/React 中直接写
v-html或dangerouslySetInnerHTML，更推荐用 CSSpadding替代 - 屏幕阅读器会把
真正需要“空格语义”时才用实体；单纯为了对齐或留白，CSS 几乎总是更干净、更可控的选择。
