HTML中显示多个空格需用 实体或CSS控制： 防合并换行，但模板中易被二次转义；CSS用white-space、text-indent或padding/margin更可靠，辅以 、 等字符适配排版需求。
HTML 里怎么打出真正的空格字符
普通键盘敲空格，在 HTML 中会被浏览器自动合并成一个空格，连续多个 或空格键输入都无效。要显示“多个可见空格”，必须用 HTML 实体或 CSS 控制。
-
- 想打 4 个空格？写
- 注意：
模板中嵌入 容易踩的坑
在 Django、Vue、React、Jinja2 等模板里直接写 ，看似简单，实则受转义逻辑干扰严重。
- Django 模板默认对变量输出做 HTML 转义，但
- Vue 中用
v-html渲染含{{ text }}会原样输出字符，不解析实体 - Jinja2 里如果变量内容含
|safe过滤器，否则会被转义成
替代方案：什么时候该用 CSS 而不是
需要控制空格宽度、响应式缩进、或与文字对齐时， 很难维护，CSS 更可靠。
- 用
margin-left或padding-left替代前置空格（比如缩进段落） - 用
white-space: pre / pre-wrap保留原始空白（适合代码块、日志等场景） - 用
text-indent控制首行缩进，比堆 - 注意：
white-space: nowrap会阻止换行，但不改变空格合并行为 —— 还得配合
其他空格字符实体及其适用场景
除了 ，还有几个常被忽略但实用的空格符号：
立即学习“前端免费学习笔记（深入）”；
-
-
-
-
<p>姓名：<span>张三</span> <span>工号：1001</span></p>
复杂点在于：不同浏览器对这些空格字符的宽度渲染略有差异，移动端尤其明显；如果设计要求像素级对齐，优先用 ch 或 em 单位的 padding/margin，而非依赖实体宽度。
