应统一用 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>