text-indent 引发的“多余缩进”多因继承、覆盖或误用所致，需通过精准重置、避免全局设置、慎用 flex/grid 中的 text-indent 并借助开发者工具溯源解决。
段落出现“多余缩进”，90% 是 text-indent 被意外继承、覆盖或误用，而不是 HTML 本身的问题。
为什么加了 text-indent 却像多缩进了？
常见现象是：段落首行看起来缩进过大、整段向右偏移、或者第一段没缩进但后面全缩进——这往往不是“多”了，而是规则叠加导致的视觉错觉。
-
text-indent被父容器样式（如全局重置 CSS）设为2em，而你又没显式重置，所有p都中招 - 富文本编辑器输出的
p带内联style="text-indent: 0"，但被更高优先级选择器（比如p { text-indent: 2em !important }）强行覆盖 - 用了
margin-left或padding-left代替text-indent，结果整段位移，破坏了text-align: justify对齐效果 -
direction: rtl激活后，text-indent自动向右缩进，若你没改text-align，会误以为“左边空了一大块”
text-indent 怎么安全清零？
不能只写 text-indent: 0 就完事。要防继承、防覆盖、防语义错位。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 对首段明确重置：
p:first-of-type { text-indent: 0; margin-top: 0; }—— 中文排版里首段通常不缩进 - 对富文本输出的段落，用属性选择器强干预：
p[style*="text-indent"] { text-indent: 2em !important; }（若你想统一缩进），或反过来：p[style] { text-indent: 0 !important; }（若你想彻底清除） - 避免在
body或article上直接设text-indent，它会向下穿透到所有块级子元素（包括h2、blockquote），造成误伤 - 检查是否用了
white-space: pre或pre标签包裹内容——它们会原样保留空格和换行，“缩进感”其实是手敲的全角空格或
Flex/Grid 容器里缩进“消失”其实是假象
在 display: flex 或 display: grid 的父容器中，p 作为 flex item 默认是 width: auto，且格式化上下文限制了 text-indent 的渲染行为。它不是“失效”，而是浏览器压根没生成标准的“首行盒”。
立即学习“前端免费学习笔记（深入）”；
- 最稳解法：不用
text-indent，改用padding-left: 2em—— 对任意display类型都生效，视觉几乎无差别 - 若必须保留语义（比如导出 PDF 时依赖打印样式），给
p加display: block; width: 100%，再配text-indent - 别对
table-cell（即td、th）硬套text-indent；内容未换行时它大概率不触发缩进，直接上padding-left更可靠
真正难处理的不是“怎么清”，而是“谁在偷偷加”。打开浏览器开发者工具，选中那个“多缩进”的段落，看 Computed 面板里的 text-indent 值是从哪条 CSS 规则来的——往往藏在某个第三方 UI 库的重置样式里，或者 CMS 导出的内联 style 中。盯着那个源头删，比层层覆盖更干净。
