HTML段落首行缩进必须用CSS的text-indent属性实现，如p{text-indent:2em;}，禁用全角空格等HTML伪缩进；需避免padding/margin误用、内联元素失效、嵌套段落继承等问题。
HTML段落首行缩进不是靠空格实现的
直接在 <p> 里敲两个全角空格或多个 ，看似“缩进”了，但这是反模式：语义丢失、响应式失效、复制粘贴出错、屏幕阅读器误读。HTML 不是排版工具，首行缩进属于样式范畴，必须用 CSS 控制。
用 text-indent 实现真正可靠的首行缩进
标准做法是对 <p> 设置 text-indent，单位推荐使用 em（相对于当前字体大小，可缩放）：
p {
text-indent: 2em;
}
-
2em≈ 当前字号下两个中文字符宽度，比固定像素（如24px）更适配不同设备和用户字号设置 - 只影响首行，后续行自动对齐左边缘，符合中文排版规范
- 若需排除某些段落（如标题后第一段、列表项内段落），加类名单独重置：
.no-indent { text-indent: 0; }
避免常见陷阱
几个高频翻车点：
- 给
<p>设padding-left或margin-left—— 这会让整段左移，不是“首行缩进”，破坏段落对齐 - 混用全角空格 +
text-indent—— 空格仍被解析为文本节点，可能在高对比度模式或字体替换时暴露异常空白 - 在内联元素（如
<span>）上设text-indent—— 无效，该属性只对块级容器生效 - 忘记重置
<blockquote>、<li>里的<p>—— 它们可能继承缩进，需显式覆盖
需要兼容 IE8？注意 text-indent 的负值行为
IE8 及更早版本对负 text-indent（常用于图文混排隐藏文字）有渲染 bug，但正向缩进（如 2em）完全安全。如果项目明确不支持 IE8，无需额外处理；否则建议加一行注释说明兼容性范围，避免后续有人误改。
立即学习“前端免费学习笔记（深入）”；
真正要留心的，是那些把缩进写死在 HTML 里的旧模板——它们没法响应字号变化，也没法被用户样式表覆盖，改起来往往牵一发而动全身。
