html中输入真正空格应优先用css布局（如flex）而非空格实体，必须用时选 ，禁用全角空格；cms输出需防转义，json中宜用\u00a0。
HTML 里怎么输入真正的空格字符
浏览器默认会把连续多个普通空格（ ）合并成一个，所以直接敲空格键没法控制间距。想让空格“生效”，得用 HTML 实体或 CSS 控制。
-
-
- 别用全角空格（即中文输入法下按空格键），它虽能显示，但语义不清、复制粘贴易出错、SEO 不友好
广告位文案排布时的空格常见错误
广告文案常要“左对齐+右对齐文字+中间留白”，很多人硬塞一堆 拼位置，结果在不同设备上错位严重。
- 纯靠
- 用
white-space: pre;强制保留空格，但会禁用自动换行，长文案可能溢出容器 - 真正可靠的方案是：用
display: flex或text-align: justify+text-justify: inter-ideograph（中文两端对齐）
推荐的广告位文案排布写法（CSS 优先）
与其在 HTML 里塞空格符号，不如交给 CSS 控制布局逻辑。下面这个例子让“广告位”三字左对齐，“文案”二字右对齐，中间弹性留白：
<div class="ad-label">
<span class="ad-text">广告位</span>
<span class="ad-desc">文案</span>
</div>
<style>
.ad-label {
display: flex;
justify-content: space-between;
width: 100%;
}
.ad-text, .ad-desc {
white-space: nowrap;
}
</style>
- 不用任何
- 如果必须用空格做微调（比如“广 告位”强调间隔），只在个别字间加 1–2 个
- 移动端慎用
后台 CMS 或模板引擎里怎么安全输出空格
如果广告文案来自数据库或变量插值（比如 {{ ad.text }}），直接存 很容易被转义成纯文本，显示为字面量。
立即学习“前端免费学习笔记（深入）”；
- 模板中用
{{ ad.text|safe }}（Jinja2）、v-html（Vue）等明确标记“信任内容”，否则 - 更稳妥的做法：后台存储纯文本，前端用
replace(/ /g, ' ')替换空格——但注意只替换文案内需要保留的位置，别全局替换 - 避免在 JSON 接口里传
\u00a0并在 JS 中 decodeURIComponent 处理
可能让整行文案在 iOS 上偏移两像素，而用 CSS flex 布局则基本一劳永逸——只是得记得给父容器设 width，不然 space-between 没参照。 
