text-indent是唯一能实现首行缩进且保持其余行左对齐的方案；它仅偏移首行起点，不改变块盒边界和后续行位置，而padding-left或margin-left会整体位移整段内容，破坏左对齐语义。

text-indent 是唯一能同时满足“首行缩进”和“其余行左对齐”的方案；用 padding-left 或 margin-left 会导致整段右移，第二行也偏左，破坏左对齐语义。

为什么 text-indent 才是左对齐前提下的缩进正解

左对齐（text-align: left）是默认行为，但缩进必须只动第一行——这正是 text-indent 的设计职责。它不影响后续行位置，也不改变块盒的几何边界。

• 写了 text-indent: 2em 却没缩进？先检查目标
  

  DeepBI DHTML 页面生成器

  生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

  下载
  的 display 是否为 block（inline、inline-block 或被 flex/grid 父容器压制时均失效）
• 段落开头是 或 ？缩进会作用在该元素左侧，文字本身没动，视觉上等于白设
• 富文本编辑器输出常带 text-indent: 0 !important，得用更高权重覆盖，比如 p.article-content { text-indent: 2em !important; }

text-indent: 2em 必须配合 margin 控制段间距

缩进和段距是两件事：text-indent 只管首行起点，margin 才控制段与段之间的空隙。混用 padding 会撑高容器、干扰 flex/grid 对齐，还可能触发 margin 折叠异常。

• 推荐写法：p { text-indent: 2em; margin: 1.2em 0; }
• 首段不缩进且无上边距：p:first-of-type { text-indent: 0; margin-top: 0; }
• 避免 p { padding-top: 1.2em; }——它让内容整体下移，但段落盒高度不变，视觉错位明显

表格单元格（）里怎么安全实现左对齐+缩进

text-indent 在 中极易失效，因为 display: table-cell 不保证生成标准“首行盒”，尤其单行短文本时浏览器常忽略缩进计算。

• 最稳做法：td, th { padding-left: 2em; }——不依赖行盒，所有浏览器一致生效
• 若需保留首行语义（如导出 PDF 匹配印刷规范），改用嵌套：
  内容
• 调试技巧：临时加 background: #ff0 到 ，如果背景框内文字仍紧贴左边，说明 text-indent 没触发，立刻切到 padding-left

  真正难的不是写出 text-indent: 2em，而是确认它在富文本插入的图片、flex 嵌套结构、打印预览、甚至 Safari 启用 OpenType 特性时，是否仍稳定计算为非零值——这些地方，Computed 面板里的 text-indent 和 display 值才是唯一可信依据。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！