text-indent 是唯一能直接控制段落首行缩进的 css 属性；margin-left 和 padding-left 作用于整个块容器，会破坏文档流或影响间距，而 text-indent 仅缩进首行，符合中文排版语义。
text-indent 是唯一能直接控制段落首行缩进的 CSS 属性，HTML 标签本身不提供缩进能力。用错地方或混用其他属性（比如 margin-left 或 padding-left）会导致整段位移、换行异常或语义错乱。
为什么不能用 margin-left 或 padding-left 替代 text-indent
这两个属性作用于整个块容器，不是仅限首行：
• margin-left 会让整个 p 元素左移，破坏文档流对齐；
• padding-left 会撑开容器内边距，影响后续元素间距，且缩进量随字体大小变化不稳定；
• text-indent 只推第一行开头，后续行自动对齐左边界，符合中文排版“首行空两格”的语义要求。
类选择器搭配 text-indent 的典型写法
批量控制不同段落缩进时，靠类名区分比重复写内联样式更可靠：
• 定义通用缩进类：.indent { text-indent: 2em; }
• 需要无缩进的段落加 .no-indent：.no-indent { text-indent: 0; }
• 若只对特定标签生效（如仅 p），可写成 p.indent，避免意外影响 blockquote 或 div；
• 注意：类名不能以数字开头，例如 .1st 在 Firefox 中会失效。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
text-indent 单位选 em 还是 px？
推荐优先用 em：
• 2em 表示“当前字体大小的两倍”，响应字号变化，适合中文字体排版；
• px 值固定，当用户放大文字或切换系统字体时缩进会显得过小或过大；
• 少数场景可用 ch（如 text-indent: 2ch），它按字符宽度计量，对等宽字体更精准；
• 避免用 %，它基于容器宽度计算，极易导致缩进失控。
伪元素方案不适合常规缩进
有人用 ::before 插入空格模拟缩进，这属于绕路做法：
• 需额外设置 display: inline-block 和固定宽高才能稳定占位；
• 屏幕阅读器可能误读插入内容，损害可访问性；
• 无法响应字体缩放，也不支持 text-align: justify 对齐逻辑；
• 真正需要图标前缀或符号缩进时才考虑该方案，日常段落请坚持用 text-indent。
最易被忽略的一点：text-indent 对 display: inline 或 display: inline-block 元素无效，必须确保目标元素是块级（如默认的 p、div）或显式设为 display: block。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
