table中直接对td使用text-indent无效，因其默认为table-cell盒而非块级盒；正确做法是用padding-left、在td内嵌块级元素再设text-indent，或慎用负缩进配合padding-left。
table 里直接用 text-indent 为什么没效果？
因为 table、tr、td 默认不是块级格式化上下文，text-indent 只对生成块级盒（block box）的元素生效。浏览器把 td 当作表格单元格盒（table-cell box），它不参与常规的块级首行缩进计算——哪怕你写了 td { text-indent: 2em }，开发者工具里 computed 值可能显示正常，但渲染就是不动。
给 td 设置 text-indent 的正确前提
必须显式触发块级行为：
-
td { display: block }—— 会破坏表格布局，不推荐 -
td { display: table-cell }（默认值）下无效，别白试 - 真正可行的是：在
td内部套一个<div> 或 <code><p></p>，再对这个块级子元素设text-indent - 或者改用
padding-left直接作用于td，视觉效果一致且稳定
实际可用的三种写法（按推荐顺序）
首选 padding-left：简单、可靠、不影响表格结构
td {
padding-left: 2em;
}
次选内层块元素 + text-indent：保留语义，适合需区分“段落缩进”和“容器间距”的场景
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
td .indented {
text-indent: 2em;
}
<td><div class="indented">这段文字首行缩进</div></td>
慎用负值悬挂缩进：若真需要 text-indent: -1em，务必同步加 padding-left: 1em，否则文字会贴左溢出或被裁剪
容易被忽略的兼容性细节
表格单元格里 text-indent 在 IE8+ 和所有现代浏览器中都“语法支持”，但行为不一致：
- Chrome/Firefox：对
td直接设text-indent通常静默忽略（不报错，也不渲染） - Safari：某些版本会尝试应用，但缩进量不稳定，受
border-collapse和box-sizing干扰 - 打印样式（@media print）中，
padding-left行为比text-indent更可预测
真正麻烦的不是怎么写，而是误以为 text-indent 是通用缩进开关——它只管“首行”，而表格单元格的文本流模型根本就不是按“段落”组织的。
