2em缩进不等于严格两个中文字符宽度，因其值为当前元素font-size的两倍，而中文字宽受字体、渲染引擎等影响实际约1.7–2.3字符宽；推荐用2em并配合统一中文字体栈以提升视觉一致性。
直接调大 text-indent 的值，但别用 px 硬编码——否则字号一变，缩进就露馅。
为什么 2em 缩进在某些页面看起来“不够两格”
常见错误现象是：明明写了 text-indent: 2em，但视觉上首行只缩进了一格多，甚至和中文标点对不齐。这不是 CSS 失效，而是 em 单位的计算基准被悄悄改了：
- em 是相对于当前元素的
font-size计算的；如果段落继承了父容器一个偏小的字号（比如14px），2em 就只有 28px，而中文字符宽度通常在 16–18px 左右，“两格”实际需要约 32–36px - 某些字体（如等宽字体或窄体字）的字符实际渲染宽度小于常规字体，导致 2em 视觉上偏短
- 浏览器默认字体设置、系统 DPI 缩放、或用户启用了“强制更大文本”辅助功能，都会影响最终像素换算
怎么让缩进稳定对应“两个中文字符”
关键不是死磕数值，而是锚定可读性目标。以下建议按优先级排列：
- 先确认段落真实
font-size：打开开发者工具，选中p元素，看Computed面板里的font-size值，再手动算一遍2em对应多少像素 - 若字号固定且已知（如全局设为
16px），可改用text-indent: 32px或text-indent: 2ch（ch单位以 “0” 字符宽度为基准，对中文兼容性一般，但比px更语义） - 更稳妥的做法：用
text-indent: 2em+ 局部微调，例如对小字号段落加类.small-font-indent { text-indent: 2.4em; } - 避免用
%：它基于父容器宽度，窄屏下缩进可能崩掉（比如容器宽 300px，2% 才 6px）
富文本编辑器输出的段落缩进失效怎么办
很多 CMS 或编辑器（如 TinyMCE、CKEditor）导出的 p 标签自带内联 style，例如 ，这会覆盖你写的 text-indent，而且根本不是首行缩进。
- 这类
margin-left是整段左移，会导致text-align: justify失效、响应式错位、与父容器 padding 冲突 - 必须用更高权重覆盖：
p[style] { text-indent: 2em !important; margin-left: 0 !important; } - 长期方案：后端清洗 HTML，移除内联
margin-left类样式，或前端用 DOM 操作批量修正
真正容易被忽略的是：缩进是否随用户缩放、夜间模式、系统字体变更而同步变化。硬写 30px 看似省事，但当用户把浏览器缩放到 125%，或切换到思源黑体时，那个“两格”就再也找不回来了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
