HTML压缩连续空白字符为单个空格是规范行为；需视觉空格优先用CSS（margin/padding/letter-spacing等）；仅当防断行且需单空格时用 ；多空格缩进用或white-space:pre-wrap。
HTML里敲空格键为啥不显示？
HTML会把连续的空白字符（空格、换行、制表符）全部压缩成一个空格，这是规范行为，不是bug。所以直接在代码里打多个空格、回车或 混用，结果往往和预期不符。
常见错误现象： hello worldhello world（只一个空格）；用 堆砌又导致语义混乱、复制粘贴出乱码。
- 真正需要“视觉空格”时，优先用CSS控制间距：比如
margin、padding、letter-spacing - 仅当必须在文本流中插入不可折叠的单个空格时，才用
- 想保留多空格/缩进格式（如代码、诗歌），用
标签包裹，它会原样渲染空白
什么时候该用 ？
只适合解决「两个词之间不能断行 + 必须保持一个空格」的场景，比如单位和数字之间：100 px、人名中的分隔（John Doe），避免被折行撕开。
别把它当排版工具：用10个 强行缩进，既难维护，又破坏可访问性（屏幕阅读器会念出“non-breaking space”十次）。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 正确：
Version 2.4.1 - 错误：
padding-left） - 注意：
CSS替代方案比 更可靠
几乎所有“想空格”的需求，本质是“想控制间距”，而CSS才是为此设计的。用样式而非字符，逻辑清晰、响应式友好、维护成本低。
- 词间距离：用
word-spacing: 0.5em（注意它影响所有词间，不只是某一处） - 字母间距：用
letter-spacing: 1px（慎用，影响可读性） - 块级元素间隔：用
margin或gap（Flex/Grid容器内） - 行内元素对齐：用
vertical-align配合line-height，而不是塞
用
确实能原样保留空格和换行，但它自带等宽字体和white-space: pre，会破坏常规排版流。直接套在普通段落外，常导致文字变小、行高异常、响应式失效。
- 只在明确需要保留格式的场景用：
<code>...</code>
- 如果只是想让一段文本内的空格生效，改用
white-space: pre-wrap更安全——它保留空格和换行，但允许自动换行 - 别嵌套
：浏览器对多重white-space处理不一致，容易出意料之外的缩进
实际写页面时，90%的“空格需求”背后是布局或文本样式问题。先想清楚要的是“视觉间距”还是“文本结构”，再选工具。拿不准就打开开发者工具，看是该调CSS属性，还是真得插一个 。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
