text-indent是唯一合规可靠的首行缩进方案，应使用p { text-indent: 2em; }实现，避免用空格或全角字符，因其破坏语义、不响应缩放且跨浏览器渲染不一致。
用 实现段落首行缩进不可靠
直接在段落开头塞多个 看似简单，但实际会破坏语义、干扰屏幕阅读器，且缩进宽度受字体和渲染引擎影响——同一段代码在 Chrome 和 Safari 里可能差半个字符。更关键的是， 是“不换行空格”，不是排版单位，它不该承担缩进职责。
text-indent 是唯一合规的首行缩进方案
CSS 的 text-indent 专为这个场景设计，浏览器原生支持，语义清晰，响应式友好。它只作用于块级元素（如 <p>）的第一行，不影响后续行或其它元素。
常见写法：
p {
text-indent: 2em; /* 推荐：相对当前字体大小，兼容缩放 */
}注意点：
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
2em比20px更稳妥——用户放大字体时缩进同步变大 - 负值可行（如
-1em），但需配合padding-left防止文字溢出容器 - 对
<div>或自定义标签生效前，要确保它有display: block
为什么不用 或
（全角空格）、 （半宽空格）本质仍是字符，和 同类：它们依赖字体中是否提供对应字形，中文字体通常支持，但等宽字体或英文环境可能显示为方框或空白。而且无法响应字号变化——设成 ，用户把字号调到 24px，缩进还是两个固定宽度，视觉上就过窄了。
真正需要字符级控制的极少数场景（比如纯文本邮件模板），才考虑它们；网页正文排版，请交给 text-indent。
内联样式和全局样式怎么选
除非是临时调试，否则别用 style="text-indent: 2em;" 写在 HTML 标签里。理由很实际：
- 改一个缩进值，得搜遍所有
<p>标签 - 无法用媒体查询适配移动端（比如小屏时缩进减半）
- 和 CSS 重置规则冲突时难排查（某些框架会把
p的text-indent设为0）
最简实践：在 <style> 块或外部 CSS 文件里统一写 p { text-indent: 2em; }，再用 p.no-indent { text-indent: 0; } 单独覆盖不需要缩进的段落（如标题后紧跟的导语）。
缩进看着小，但混用字符和样式会让维护成本指数上升。真要“所见即所得”，就老老实实让 CSS 管排版，HTML 只管结构。
