HTML中输入空格应使用 ，因浏览器默认合并连续空白； 为不换行空格，不会被合并或折行，适合防断行、模拟多空格；中文排版可选 （半宽）或 （全宽）；布局间距优先用CSS的margin/padding等。

HTML 里怎么输入一个空格？

直接敲空格键，浏览器会自动合并成一个——这是 HTML 的默认行为，不是 bug，是规范。想让多个空格或保留换行，得用特殊写法。

•   是最常用的方式，代表“不换行空格”，浏览器不会把它和其他空格合并，也不会在该位置换行
• 连续写多个  （比如    ）就能显示三个独立空格
• 它属于 HTML 实体，必须写在标签内容里，不能放在属性值中起同样作用（比如 title=" " 不会显示空格）

为什么   和   有时更合适？

如果需要的是中文排版常用的“全角空格”或“半宽空格”，  宽度和字体有关，不一定对齐。这时可考虑：

•  ：对应 Unicode U+2003，宽度约等于一个汉字（em 宽度），适合中文段落缩进
•  ：对应 U+2002，宽度约半个汉字（en 宽度），适合对齐数字或英文单词间隙
• 注意：这些实体在老旧浏览器（如 IE8 及更早）中兼容性略差，但现代项目基本不用考虑

用 CSS 的 white-space 能替代吗？

可以，但作用范围不同：white-space 控制的是整块文本的空白处理策略，不是单个空格的写法。

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

• white-space: pre：保留所有空格和换行，类似 <pre class="brush:php;toolbar:false;"></pre> 标签效果
• white-space: pre-wrap：保留空格和换行，但允许自动换行，日常文本中最实用
• 缺点：它影响的是容器内所有空白字符，无法精细控制某两个词之间的空格数

容易踩的坑：别把   当格式工具滥用

有人用一堆   对齐文字或撑开间距，这属于语义错误，维护困难且响应式下极易错乱。

立即学习“前端免费学习笔记（深入）”；

• 对齐请用 CSS 的 text-align、margin 或 Flex/Grid 布局
• 需要固定宽度间隔？用 margin-right 比堆   可控得多
• 编辑器里看不见  ，容易误删或重复插入，调试时建议打开浏览器开发者工具看 DOM 结构

实际排版中，空格到底是视觉需求还是语义需求，决定了该用实体、CSS 还是布局方案。多数时候，  只该出现在“这里必须有一个不可折叠的空格”的场景，比如“第 1 章”防止数字被换行断开。