应统一用 CSS 的 p { text-indent: 2em; } 控制首行缩进，避免内联 style 或 ：前者导致样式散落难维护，后者无语义、不响应、易错位；2em 健壮适配字号缩放，且符合中文排版习惯。
直接用 CSS 的 text-indent 批量控制，别在 HTML 标签里一个个写 style 或塞 。
为什么不用内联 style 或 ？
内联样式（如 <p style="text-indent: 2em;"></p>）会让样式散落在 HTML 中，改一个缩进值就得搜全项目替换； 连用看似快，但它是纯视觉占位符，不响应字体大小变化，复制粘贴易丢失，屏幕阅读器无法识别语义，且在响应式小屏下可能缩进过窄或错位。真正可靠的统一控制点只有一个：CSS。
用全局选择器统一设置 text-indent
在项目主样式表（或 <style></style> 块）中加一行即可生效所有段落：
p {
text-indent: 2em;
}
关键细节：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
-
2em是推荐值——它等于当前字体大小的两倍，比30px更健壮，适配不同字号和缩放 - 该属性只影响首行，后续行自动左对齐，符合中文排版习惯
- 若需排除某些段落（如标题、引用），加类名并重置：
.no-indent { text-indent: 0; } - 确保
p是块级元素（默认就是），若用了display: inline或float，text-indent会失效
遇到富文本输出或混合样式时怎么处理？
CMS、编辑器导出的 HTML 常含内联 style 或冗余 ，此时 CSS 规则可能被覆盖。必须检查浏览器开发者工具的 Computed 面板，确认最终生效的是哪条 text-indent 声明。常见干扰项：
- 内联
style="text-indent: 0"优先级高于外部 CSS，得用!important强制覆盖（仅限兜底） -
<p></p>开头会撑开首行，但不算“文本缩进”，text-indent仍会叠加，造成双缩进 - 若段落被包裹在
<div style="margin-left: 20px"> 里，那是整块位移，不是首行缩进，需清理结构 <p>最麻烦的其实是“看起来缩进了，但不是 <code>text-indent干的”——比如用padding-left或嵌套<div> 模拟。这种写法破坏语义、难维护、响应式下易错位。统一之前，先花两分钟扫一遍 DOM 结构是否干净。</div>
