html中直接输入全角空格会被浏览器忽略，因其被当作普通空白字符而压缩；需用实体 （u+3000）或unicode转义\u3000才能正确显示全角空格，宽度等于一个汉字，适用于中文排版缩进与对齐。
HTML里直接输入全角空格会被浏览器忽略
浏览器解析HTML时，会把连续的空白字符（包括空格、制表符、换行）压缩成一个半角空格，所以你在编辑器里敲几个全角空格（比如用中文输入法打出来的“ ”），保存后页面上根本看不出来。
用 或 才能显示全角空格效果
全角空格的Unicode码是U+3000，对应HTML实体是 ；而 是不换行空格（NBSP），宽度接近半角，但不会被折叠——它不是全角空格，只是“强制保留的空格”。要真模拟中文排版里的全角空格，必须用 ：
<p>左边 右边</p>
上面这段会在“左边”和“右边”之间渲染出两个标准全角空格宽度（约等于两个汉字）。
-
-
- 别用粘贴来的“ ”字符——有些编辑器或HTTP头没设UTF-8时会乱码
- CSS的
white-space: pre;也不能还原全角空格语义，它只保留空白结构，不改变字符本身宽度
Vue/React等框架里要注意转义问题
在JSX或模板中直接写 可能被当作字符串字面量解析失败，更稳妥的是用Unicode转义：
// React JSX 中推荐写法<br>{"<p>标题 副标题</p>"}
// 或者用JS字符串<br>{`标题\u3000\u3000副标题`}
Vue模板里如果启用了v-html，也要确保传入的是已转义的HTML字符串，否则 可能被当作文本原样输出。
用CSS控制间距通常比硬塞全角空格更可靠
真正需要对齐或留白时，靠一堆 容易失控——换字体、缩放、响应式下宽度都不稳。更可控的做法是：
- 用
padding-left或margin代替前置空格 - 表格布局或
display: inline-block配vertical-align做对齐 - 需要“等宽间隙”时，用
ch单位：margin-right: 2ch;（1ch ≈ 当前字体一个“0”的宽度，接近全角） - 只有纯文本场景（如
<pre class="brush:php;toolbar:false;"></pre>或代码块内）才考虑直接用
全角空格本质是个字符，不是样式工具；把它当样式用，迟早遇到字体缺失、渲染错位、可访问性提示异常的问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
