text-indent在table-cell中不生效的根本原因是浏览器对table-cell的首行缩进支持存在兼容性问题，需同时满足纯文本内容、未设white-space: nowrap、无更高权重样式覆盖三个条件。
table单元格里text-indent为什么有时不生效
根本原因不是属性写错了，而是
display: table-cell，它虽属块级上下文，但text-indent在部分浏览器（尤其旧版Edge、IE）中对table-cell的支持存在边界行为：当单元格内容为纯文本且无换行时，“首行”概念被弱化；若内容含<span></span>、<strong></strong>等内联元素，缩进可能只作用于该元素前的空白位置，视觉上不可见。确保text-indent在中生效的三个条件必须同时满足以下三点，否则即使写了text-indent: 2em也大概率无效：
- 单元格内容为纯文本或仅含块级子元素（如嵌套
<p></p>），避免开头是<img>、<svg></svg>或display: inline-flex元素
- 单元格未被设
white-space: nowrap——该属性会压制换行，导致“首行”退化为整段单行，缩进失去意义
- 没有更高权重样式覆盖，比如重置CSS写了
td { text-indent: 0 !important; }，或富文本编辑器输出的内联style="text-indent: 0"
推荐写法：用2em + 显式display保障兼容性
最稳妥的写法不是依赖默认table-cell行为，而是主动强化块级上下文：
td.indent {
text-indent: 2em;
display: table-cell; /* 显式声明，避免某些框架重置为inline */
}
如果仍失效，降级方案是加一层<div>包裹文本：<pre class="brush:php;toolbar:false;"><td><div style="text-indent: 2em;">这里是需要首行缩进的内容</div></td></pre>
<p>注意：<code>div必须是display: block（默认就是），且父td不要设vertical-align: top以外的值，否则可能触发行盒计算异常。
别踩的坑：padding-left不是替代方案
在表格中误用padding-left: 2em会导致整列错位——它会让单元格左内边距扩大，影响表格自动布局和列宽计算，尤其在table-layout: auto下容易撑破容器。text-indent才是语义正确、不影响表格结构的选择。真正麻烦的不是怎么加缩进，而是确认单元格是否真的处于可生成“首行”的渲染上下文中：内容得换行、得是块级流、得没被white-space锁死。
必须同时满足以下三点，否则即使写了text-indent: 2em也大概率无效：
- 单元格内容为纯文本或仅含块级子元素（如嵌套
<p></p>），避免开头是<img>、<svg></svg>或display: inline-flex元素 - 单元格未被设
white-space: nowrap——该属性会压制换行，导致“首行”退化为整段单行，缩进失去意义 - 没有更高权重样式覆盖，比如重置CSS写了
td { text-indent: 0 !important; }，或富文本编辑器输出的内联style="text-indent: 0"
推荐写法：用2em + 显式display保障兼容性
最稳妥的写法不是依赖默认table-cell行为，而是主动强化块级上下文：
td.indent {
text-indent: 2em;
display: table-cell; /* 显式声明，避免某些框架重置为inline */
}
如果仍失效，降级方案是加一层<div>包裹文本：<pre class="brush:php;toolbar:false;"><td><div style="text-indent: 2em;">这里是需要首行缩进的内容</div></td></pre>
<p>注意：<code>div必须是display: block（默认就是），且父td不要设vertical-align: top以外的值，否则可能触发行盒计算异常。
别踩的坑：padding-left不是替代方案
在表格中误用padding-left: 2em会导致整列错位——它会让单元格左内边距扩大，影响表格自动布局和列宽计算，尤其在table-layout: auto下容易撑破容器。text-indent才是语义正确、不影响表格结构的选择。真正麻烦的不是怎么加缩进，而是确认单元格是否真的处于可生成“首行”的渲染上下文中：内容得换行、得是块级流、得没被white-space锁死。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
