<blockquote>默认缩进源于浏览器设置的左右margin（如Chrome设为1em或40px），非padding或text-indent；重置应直接设margin:0，推荐用border-left+padding-left等更清晰的视觉区分方式。
直接用 CSS 控制 <blockquote> 的 margin-left 或 padding-left 就行，不需要改 HTML 结构或加额外标签。
为什么 <blockquote> 默认没缩进？
浏览器对 <blockquote> 有默认样式（比如 Chrome 是 margin: 1em 40px），但这个“缩进”是左右外边距，且在响应式布局、重置样式（如 normalize.css 或 reset.css）后常被清空。实际看到“没缩进”，大概率是 CSS 被覆盖了，不是 HTML 本身问题。
怎么加稳定可靠的左侧缩进？
推荐用 padding-left 配合 border-left，比纯 margin-left 更可控：
-
padding-left不会受父容器overflow或浮动影响，缩进位置稳定 - 加
border-left: 3px solid #ccc能强化引用视觉标识，也避免文字紧贴左边缘 - 配合
color: #666和font-style: italic可进一步区分语义
blockquote {
padding-left: 1.5em;
border-left: 3px solid #ddd;
color: #666;
font-style: italic;
margin: 1em 0;
}
遇到缩进不生效的常见原因
检查这几点，基本能定位问题：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 是否被更具体的 CSS 选择器覆盖？比如
.article blockquote或div blockquote的权重更高 - 是否用了
!important强制清除了默认 margin？优先改写规则，别依赖!important - 是否父容器设置了
text-align: center或display: flex？这些会影响块级元素的盒模型表现 - 是否在内联样式里写了
style="margin: 0"？HTML 层面的样式优先级高于外部 CSS
移动端适配要注意什么？
小屏幕下固定 1.5em 缩进可能太宽，建议用媒体查询微调：
@media (max-width: 768px) {
blockquote {
padding-left: 1em;
border-left-width: 2px;
}
}
如果项目用了 rem 或 clamp()，也可以直接写 padding-left: clamp(0.8rem, 4vw, 1.2rem) —— 但注意老版本 Safari 对 clamp() 支持有限，得加 fallback。
真正容易被忽略的是：缩进值和行高、字体大小的协调性。同样 1.5em，在 16px 和 20px 字号下视觉感受差很多，最好在真实字号下预览，别只看代码。
