不是。2em缩进的是当前font-size的两倍，受字体设计影响，通常略大于两个汉字；更精确应使用text-indent: 2ch，因其以“0”字符宽度为基准，在多数中文字体下更接近视觉上的两个汉字宽度。
text-indent 2em 真的缩进两个汉字吗？
不是。2em 缩进的是当前元素 font-size 的两倍，不是两个汉字宽度。中文字体下 1em 通常略大于一个汉字（尤其在非等宽字体中），实际可能缩进 2.2~2.4 个字符视觉距离，而非精确两个汉字。
如果目标是「严格两个汉字宽」，更稳妥的方式是用 ch 单位：text-indent: 2ch——前提是字体支持 ch（现代浏览器基本都支持），且该字体中数字 0 的宽度接近汉字宽度（绝大多数中文字体满足）。
-
2em→ 依赖font-size，响应式友好，但不保字数精度 -
2ch→ 更贴近「两个字符」语义，但部分老旧字体或特殊 font-family 下ch值可能偏小 - 避免用
px（如32px），字体缩放或系统 DPI 变化时会失效
为什么设置了 text-indent 却没生效？
最常见原因是元素不是块级上下文，或者被其他样式覆盖。以下情况会导致 text-indent 失效：
- 对
<span>、<a>等内联元素直接设置——必须先设display: block或inline-block - 父容器设置了
text-align: justify且文本过短，浏览器可能忽略首行缩进以对齐末尾 - 元素有
white-space: nowrap或pre类行为，强制单行不换行 - CSS 优先级被更高权重规则覆盖（比如某个
!important的text-indent: 0）
调试建议：打开开发者工具，检查计算后的 text-indent 值是否为预期值，并确认元素渲染模式是 block。
立即学习“前端免费学习笔记（深入）”；
text-indent 对首行内联元素（如图标、<img>）有效吗？
无效。text-indent 只作用于**纯文本内容的首行开头位置**，不影响行内替换元素（如图片、SVG、input）的布局。如果首行开头是一个 <img>，它不会被「推着走」；缩进只发生在它之后的文字上（如果有的话）。
要让图标+文字整体缩进，正确做法是把它们包进一个块级容器（如 <p> 或 <div>），再对该容器设 text-indent；或者改用 padding-left + margin-left 控制整体左偏移。
- ✅ 推荐：
<p style="text-indent: 2ch">这里是正文……</p>
- ❌ 错误：
<span style="text-indent: 2ch"><img src="icon.png">文字</span>
（text-indent被忽略）
移动端或 font-size 动态变化时怎么保持缩进稳定？
当使用响应式字体（如 font-size: clamp(1rem, 2.5vw, 1.2rem)）时，2em 会随字号线性缩放，缩进看起来「比例固定但字数不稳」；而 2ch 在大多数场景下更符合中文排版直觉。
但要注意：Safari 旧版本（iOS ≤ 14.5）对 ch 单位在某些 font-feature-settings 下计算不准。若需兼容，可加降级：
p {
text-indent: 2ch;
text-indent: calc(2em - 0.2em); /* fallback for older Safari */
}不过更务实的做法是接受轻微差异——多数用户不会逐像素比对缩进，而「视觉协调」比「绝对精确两个汉字」更重要。
真正容易被忽略的是段落之间的垂直节奏：如果只设 text-indent 却没控制 margin-top/bottom，缩进反而会让段落间距显得松散。首行缩进和段间距最好协同调整。
