HTML中普通空格会被浏览器合并为一个，需用 显示多个连续空格；alt属性内普通空格无需特殊处理；按钮空隙应使用CSS padding而非 ；避免使用中文全角空格（\u3000）。
HTML 里怎么输入普通空格？
直接按空格键打出来的空格，在 HTML 渲染时会被浏览器自动合并成一个——不管连打多少个 或空格字符，最终只显示一个空白。这不是 bug，是 HTML 规范行为。
如果真要显示多个连续空格，必须用 （不换行空格符）显式写出来：
<p>姓名：</p> <p>张 三</p>
注意： 是 HTML 实体，不是普通空格，它不会被合并，每个 都会渲染为一个固定宽度的空格。
图片 alt 文字里加空格要不要特殊处理？
不需要。图片的 alt 属性是纯文本属性，里面写普通空格就按普通空格解析，浏览器读屏器、搜索引擎都正常识别。
立即学习“前端免费学习笔记（深入）”；
比如下面这行完全合法，alt 中的空格就是自然空格：
<img src="icon.png" alt="用户 头像 图标">
但要注意两点：
-
alt是给辅助技术或加载失败时用的，别堆砌关键词，空格只是分隔语义，不是 SEO 工具 - 如果空格出现在开头或结尾（如
alt=" 用户头像 "），多数浏览器会自动 trim，所以别依赖首尾空格对齐或留白
想让「添加」按钮文字前后有空隙，该用 CSS 还是 ？
用 CSS。硬塞 到按钮文字里（比如 <button> 添加 </button>）既难维护又语义混乱，还可能在响应式下出错。
正确做法是控制内边距：
<button style="padding-left: 12px; padding-right: 12px;">添加</button>
或者更通用的方式（推荐）：
.btn-add {
padding: 4px 12px;
}
这样空隙是可预测、可缩放、可继承的；而 只是字符，字号变大时它不会同比例变宽，也不响应 text-align 或 letter-spacing。
常见踩坑：把中文全角空格 当普通空格用
中文输入法下按空格键，有时会打出全角空格（Unicode \u3000），它比英文空格宽一倍，在 HTML 里虽然不会被合并，但会导致布局异常、对不齐、甚至被误判为非法字符（尤其在 JSON 或某些 API 字段校验中）。
排查方法：
- 在开发者工具里选中文字，看控制台输出是否含
\u3000 - 编辑器开启“显示不可见字符”，全角空格通常显示为一个大方块
- 用 JS 检查：
" ".charCodeAt(0) === 12288（是则为全角空格）
修复建议：统一用英文输入法打空格，或用 替代视觉空隙需求。
