应使用 ，而非 ；HTML默认合并连续空格， 为不间断空格，可防换行且兼容性好，重复四次可实现四个空格效果，而 仍会被合并，等同普通空格。
HTML里用 还是用 ？
HTML默认会把连续空格合并成一个，所以直接敲四个空格没用。最常用、也最稳妥的办法是用 （不间断空格）重复四次： 。它兼容所有浏览器，语义清晰，编辑器里也容易数清楚。
别用 ——这是普通空格的数字字符实体，照样会被浏览器合并，和直接打空格效果一样。
要不要用<pre class="brush:php;toolbar:false;"></pre>或CSS？
<pre class="brush:php;toolbar:false;"></pre>确实能保留空格，但它会强制等宽字体+换行敏感，只适合代码块这类特定场景。日常段落里硬套<pre class="brush:php;toolbar:false;"></pre>反而破坏排版。
CSS方案（比如text-indent: 4em）只缩进首行，不适用于中间对齐或多级缩进；而margin-left作用的是整块元素，不是“四个空格”这个粒度。真要靠样式控制缩进，得用padding-left配合display: inline-block之类，太重了。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
VS Code或WebStorm里怎么高效输入？
手动敲 四次太慢，推荐两个实操方式：
- 设置用户代码片段：比如定义一个
sp4前缀，展开后自动插入 - 装插件（如 VS Code 的 “Auto Rename Tag” 不相关，但 “Emmet” 默认支持
span>再按Tab展开） - 或者直接用 Emmet 写
span*4{ }，再按Tab生成四次
注意 的副作用
本质是字符，会影响行内元素的基线对齐，尤其和图标、按钮混排时可能错位；搜索和复制文本时也会带上这些不可见字符，导致粘贴后格式异常。
如果缩进是为了对齐结构（比如表单标签和输入框），优先考虑Flex布局或grid，而不是塞 ——后者是视觉hack，不是语义化解决方案。
