最可靠方式是直接对块级段落元素使用text-indent: 2em，它语义清晰、浏览器全支持、响应式健壮；避免用padding-left或margin-left替代，因其作用于整段而非首行，易破坏对齐与嵌套结构。
用 text-indent 实现首行缩进最可靠
直接给段落加 text-indent 是最通用、语义最清晰的方式，所有现代浏览器都支持，且不会影响其他排版逻辑。
常见错误是误用 padding-left 或 margin-left：它们会让整段左移，破坏对齐，还可能撑破容器或干扰列表/引用等嵌套结构。
实操建议：
- 写在
p标签的 CSS 里，比如p { text-indent: 2em; }（2em约等于两个中文字符宽度） - 避免用
px值——字体缩放或换字体时缩进会失真；em或rem更健壮 - 若只想对首段取消缩进（如文章开头），可单独加类：
.first-para { text-indent: 0; }
哪些情况 text-indent 不生效
遇到缩进没反应，大概率是这几个原因：
立即学习“前端免费学习笔记（深入）”；
-
display被设为inline或flex等非块级显示模式——text-indent只对块级元素（display: block或table-cell）有效 - 父容器设置了
direction: rtl（从右向左排版），此时text-indent会向右缩进，容易误判为失效 - CSS 优先级被覆盖，比如某处写了
p { text-indent: 0 !important; }，得检查开发者工具里的计算样式
中文排版常用缩进值怎么选
出版物习惯首行空两字，但网页需兼顾响应式和可读性：
-
2em是稳妥选择，适配多数中文字体（如思源黑体、Noto Sans CJK） -
1.5em在小屏幕（手机）上更紧凑，避免缩进过大导致行宽过窄 - 不用
ch单位（如2ch）——虽然理论上对应“一个‘0’字符宽”，但中文字体下ch行为不一致，Chrome 和 Safari 渲染可能不同
想缩进多行？别硬改 text-indent
text-indent 永远只作用于第一行。如果需要每行都缩进（比如诗歌、代码引述），本质是“整体左移+留白”，该用别的方案：
- 包裹一层
div并设padding-left，再让内部文本正常对齐 - 用
margin-left配合box-sizing: border-box控制外边距范围 - 绝对定位 +
left是高风险操作，易脱离文档流，仅限极特殊布局
强行用负 text-indent 加 padding 模拟多行缩进，后期维护成本高，且无障碍阅读器可能误读。
