内联样式写 text-indent: 2em 即可，但仅对块级盒生效；常见失效场景包括父容器设为 inline/inline-block、flex/grid 布局、开头为替换元素、或被 !important 覆盖；2em 比 32px 更可靠，适配缩放与无障碍；td 中应改用 padding-left 或嵌套 div；首段缩进需用 CSS 类而非内联样式统一控制。
内联样式写 text-indent: 2em 就行，但得确认它真生效
直接在 <p> 标签里加 style="text-indent: 2em" 是最简方式，但别以为写了就一定缩进——text-indent 只对块级盒起作用，而内联样式本身不改变元素的 display 类型。
常见失效场景包括：
-
<p>被父容器设成display: inline或inline-block，此时它不再是块级盒，text-indent被忽略 - 父容器用了
display: flex或grid，且没触发 BFC，子<p>的块级行为被覆盖 - 段落开头是
<img>、<svg>等替换元素，缩进发生在该元素左侧，视觉上等于没动 - 富文本编辑器输出的
<p>带了style="text-indent: 0 !important"，直接覆盖你的内联样式
text-indent: 2em 比 32px 更可靠，尤其在字体放大时
用 2em 是因为它的值 = 当前 font-size 的两倍。中文字体下，这基本对应“空两格”的视觉习惯，而且会随系统缩放、无障碍设置同步变宽。
如果硬写 32px，用户把浏览器缩放到 150% 时，字变大了，缩进还是 32px，看起来只剩半格；2rem 则依赖 html 根字体大小，一旦项目里 JS 动态改过 font-size（比如夜间模式），缩进就会跳变。
立即学习“前端免费学习笔记（深入）”；
所以内联样式里也优先写：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<p style="text-indent: 2em">这段首行会缩进</p>
表格单元格里别硬套 text-indent 内联样式
<td> 默认是 display: table-cell，不是标准块级盒，text-indent 在单行短文本里大概率不渲染——浏览器根本没生成“首行盒”。
更糟的是，如果 <td> 同时设了 text-align: center 或 right，缩进会被居中/右对齐逻辑拉回，你写了 text-indent: 2em 也看不出效果。
真正能立刻见效的做法只有两个：
- 给
<td>加padding-left: 2em：不依赖行盒，所有浏览器都认，短文本长文本都稳 - 包裹一层
<div style="text-indent: 2em">：保留语义，适合要导出 PDF 的场景
第一段通常不该缩进，内联样式很难优雅排除
导语、标题后紧跟的第一段，按中文排版惯例是不缩进的。但内联样式只能一个个加，没法“自动跳过第一个”。你不能靠 <p style="text-indent: 2em"> 给所有段落，再单独给第一个写 text-indent: 0——维护成本高，还容易漏。
实际项目里，更合理的做法是：
- 统一用 CSS 类控制：
p { text-indent: 2em; }+p:first-of-type { text-indent: 0; } - 或加语义类：
<p class="no-indent">，配合.no-indent { text-indent: 0 !important; } - 内联样式只用于临时调试或极少数例外段落
真正难的不是敲出 style="text-indent: 2em" 这几个字符，而是打开开发者工具，盯着 Computed 面板看那一行 text-indent 的最终计算值是不是非零——如果不是，说明前面某个条件已经把它废掉了。
