外部样式表中写p { text-indent: 2em; }正确，但需确保p为display: block、无更高权重规则覆盖、<link>引入顺序在重置库之后，且避免用于table-cell等不生成首行盒的元素。
外部样式表里怎么写 text-indent 才生效
直接在 .css 文件里写 p { text-indent: 2em; } 是对的，但常因选择器权重、元素 display 类型或父容器布局被静默覆盖。重点不是“写了没”，而是“浏览器算出来没”。
实操建议：
- 确认目标
p在开发者工具的 Computed 面板中display值为block（不是inline或inline-block） - 避免用
!important硬顶，优先检查是否有更高优先级规则，比如富文本编辑器输出的内联style="text-indent: 0" - 若项目用了 CSS-in-JS（如 Emotion、Styled Components），注意它们可能自动加
[data-emotion]属性选择器，导致外部样式被忽略 - 引入顺序很重要：
<link rel="stylesheet">必须放在所有可能覆盖它的样式表之后（比如重置库、框架 CSS）
text-indent 在外部 CSS 中单位怎么选才稳
单位选错，缩进在不同设备或字号下就“忽大忽小”——不是 bug，是计算逻辑本就如此。
推荐组合：
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
2em：最通用。1em = 当前font-size，缩进随正文缩放，中文场景下视觉接近两字宽 -
2ch：语义更准（1ch ≈ “0” 字符宽度），但 IE 完全不支持，且部分中文字体中 1ch 明显小于汉字宽度 - 避免
2rem：若项目用 JS 动态改html { font-size }（如夜间模式、无障碍缩放），rem缩进会跳变，破坏段首对齐节奏 - 禁用
%和负值做首行缩进：如text-indent: 5%按容器宽度算，窄屏下可能只剩几像素；负值易导致文字溢出容器左边界
表格里 <td> 的段落缩进为啥总失效
text-indent 在 <td> 中天然不可靠，因为 td 默认是 display: table-cell，不生成标准「首行盒」，尤其内容单行、未换行时，浏览器根本不管 text-indent。
两个务实解法：
- 放弃语义，直接上
td, th { padding-left: 2em; }——不依赖行盒，所有浏览器都认，响应式也稳 - 保留语义（如需导出 PDF 匹配印刷规范）：把内容包一层
<div>，<td><div style="text-indent: 2em;">内容</div></td> - 调试技巧：给
td加background: #ff0，如果文字仍紧贴背景左边缘，说明text-indent没触发，立刻切到padding-left
怎么让第一段不缩进、引用段落反向缩进
全局设 p { text-indent: 2em; } 很方便，但真实排版永远有例外。用复杂 :not() 选择器容易优先级失控，不如显式控制。
常用模式：
- 首段不缩进：
.article-content p:first-of-type { text-indent: 0; }（比:first-child更准，防标题占位干扰） - 引用段落悬挂缩进：
blockquote p { text-indent: -1em; padding-left: 1em; }（负缩进 + 左内边距防文字被截） - 标题类段落（如
<p class="subtitle">）：p.subtitle { text-indent: 0; }，别用:not(.subtitle)反向排除 - 富文本输出的
p带内联样式？用p[style*="text-indent"] { text-indent: 2em !important; }强制覆盖（慎用，仅作兜底）
text-indent: 2em，而是它在表格单元格里、Flex 容器子项中、富文本渲染后的 DOM 里、打印预览时，是否始终按你设想的方式参与渲染。动手前先盯住 Computed 面板看 text-indent 最终值和 display 类型——这比反复改数值快十倍。 
