text-indent仅控制首行左侧缩进，无法实现两边缩进；左右留空需分别用padding-left/padding-right或max-width+margin组合实现，表格中应优先使用padding而非text-indent。
text-indent 不能设两边缩进，它只管首行左侧
想用 text-indent 实现“左右都空一点”，直接写 text-indent: 2em 不会起效——它只影响首行开头，和右边界毫无关系。所谓“两边缩进”，实际是两个独立需求：左边界留空（靠 text-indent 或 padding-left），右边界留空（靠 margin-right、max-width 或 padding-right）。强行混用会破坏对齐逻辑。
对称缩进的可靠组合：padding-left + max-width / margin-right
要让段落视觉上“居中内缩”，即左右都有空白，推荐以下两种稳定方案：
-
padding-left: 2em; padding-right: 2em;：整段内容向内收，所有行都缩进，适合卡片文本、弹窗说明等场景；但注意这会改变text-align: justify的两端对齐效果 -
max-width: calc(100% - 4em); margin-left: auto; margin-right: auto;：限制宽度并水平居中，不干扰首行缩进，兼容text-indent和justify，适合正文区域整体控制 - 若父容器是
flex或grid，优先在父级统一设padding-left和padding-right，避免每个p单独写
表格单元格里两边缩进别碰 text-indent
td 和 th 默认是 display: table-cell，text-indent 在其中行为不可靠，尤其单行或短内容时根本不会触发首行盒。真正有效的做法只有：
- 直接写
td, th { padding-left: 2em; padding-right: 2em; }，所有浏览器都认，导出 PDF 或 wkhtmltopdf 也不掉链子 - 如果必须保留语义（如印刷规范要求首行缩进），就包一层
<div style="text-indent: 2em; padding-right: 2em;">，用块级容器兜底 - 调试时临时加
background: #ff0到td，看文字是否真在背景框内居中偏移；如果贴左贴右，说明text-indent没生效，立刻切到padding
为什么不要用 margin-left + margin-right 模拟首行缩进
有人试过 margin-left: 2em; margin-right: 2em; 看起来像“两边缩进”，但它会让整个 p 块平移，后果明显：
立即学习“前端免费学习笔记（深入）”；
- 第二行、末行全部跟着左移，破坏中文段落“仅首行空两格”的排版规则
- 若段落内有
inline-block图标或按钮，可能被挤出可视区或触发意外 BFC - 响应式下固定像素值（如
20px）在小屏会溢出，而em单位又不适用于margin控制“缩进感” - 和父容器的
padding或边框叠加后，实际留白远超预期，调试困难
真正需要“首行缩进+右留空”时，text-indent: 2em 和 padding-right: 2em 是职责分明、互不干扰的组合，别试图用一个属性扛下两边的事。
