CSS 实现中文段落首行缩进 2 个字符的标准解法：text-indent: 2em

在中文文章排版中，按照传统排版规范，每个自然段开头需要缩进两个汉字字符。本文介绍使用 CSS 相对长度单位 em 实现完美首行自适应缩进的标准方案。

一、 标准 CSS 规则

p {
    text-indent: 2em; /* 1em 代表当前文字字体大小的宽度，2em 永远精准缩进 2 个中文字符 */
}

二、 避坑点：避免对包含图片的段落缩进

如果 <p> 标签内包含居中展示的插图或按钮，text-indent: 2em 会导致图片偏离中心。解决方案：

p:has(img), p.no-indent {
    text-indent: 0;
}