blockquote 中 text-indent 失效是常态，因默认 display: block 下受 margin、padding 或 direction 干扰导致首行盒未生成；缩进应作用于内部 p 标签而非 blockquote 本身，且需与 text-align: justify 共存才生效。
blockquote 里 text-indent 失效是常态，不是你写错了
直接给 blockquote 写 text-indent: 2em 很可能没反应——这不是 bug，是浏览器对 blockquote 的默认 display 值（block）虽满足基本条件，但其内部文本流常受 margin、padding 或继承的 direction 干扰，导致“首行盒”未按预期生成。
验证方法：打开开发者工具 → 选中 blockquote → 看 Computed 面板里的 display 是否为 block，且 text-indent 最终值不为 0。若显示 0，说明被更高优先级样式覆盖（比如重置 CSS 或富文本编辑器注入的 !important 规则）。
首行缩进 + 两端对齐必须同时声明 text-indent 和 text-align
text-align: justify 不会自动带缩进，它只负责拉伸词距；text-indent 也不自动触发对齐。两者必须共存，且都作用在同一个块级元素上：
-
blockquote { text-indent: 2em; text-align: justify; }—— 正确，缩进+拉伸同时生效 -
blockquote { text-align: justify; }—— 首行顶格，无缩进 -
blockquote { text-indent: 2em; }—— 缩进存在，但后续行左对齐，非两端
注意：text-align: center 或 right 会把整段文字拉回，视觉上抵消 text-indent 效果，这种组合无意义。
blockquote 内部含 p 标签时，缩进要落在 p 上，不是 blockquote
常见结构是 引文内容
p 上，而非外层 blockquote：
-
blockquote p { text-indent: 2em; }—— 推荐，语义清晰，避免影响blockquote自身边距 -
blockquote { text-indent: 2em; }—— 若blockquote内无p，纯文本，则可能因换行逻辑不稳定而失效 - 若需首段不缩进（如引文前导语），用
blockquote p:first-of-type { text-indent: 0; }
别给 blockquote 加 padding-left 模拟缩进——它会让整个引用块右移，破坏与上下文的视觉节奏，且在小屏下易溢出。
悬挂缩进（首行不缩进，其余行缩进）得用负 text-indent + padding-left 组合
引用文献、术语条目等场景需要悬挂效果，CSS 没有原生属性，但可用以下可靠写法：
blockquote.hanging { text-indent: -2em; padding-left: 2em; }-
text-indent: -2em把首行向左拉出 2em -
padding-left: 2em把整个内容区右推 2em，使第二行及以后保持左边界对齐 - 单位统一用
em，确保随字体缩放；禁用px或%，否则悬挂距离在响应式下会错位
这个技巧对 blockquote、dd、甚至 li 都适用，但前提是元素 display 为 block，且未被 flex/grid 容器压制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
