默认合并连续空格是html规范行为，非bug；推荐用white-space: pre-wrap保留空格与换行并支持自动换行，避免滥用 ；语义正确时可嵌套或。
HTML中<blockquote></blockquote>默认会合并连续空格
浏览器渲染时，所有HTML元素（包括<blockquote></blockquote>）都会将多个连续空格、制表符、换行符视作单个空格处理。这不是bug，是HTML规范行为。所以直接写 或敲空格键，效果和一个空格没区别。
用white-space CSS属性保留空格格式
最可靠的方式是给<blockquote></blockquote>或其子元素加CSS样式，控制空白符处理逻辑：
-
white-space: pre：保留空格和换行，但不自动换行（文本超出容器会溢出） -
white-space: pre-wrap：保留空格和换行，且允许自动换行（推荐用于正文引用） -
white-space: pre-line：合并连续空格，但保留换行符（适合纯换行需求）
示例：
<blockquote style="white-space: pre-wrap;">
这里有两个 空格，
还有换行。
</blockquote>
避免滥用 手动填充空格
能强制显示一个不折行的空格，但连续用多个会导致维护困难、语义混乱，且响应式布局下容易撑破容器。常见错误场景：
- 复制粘贴代码或日志时，用
pre-wrap+ 原始缩进 - 想对齐文字列（如ASCII表格）→
pre更合适， - 在
<blockquote></blockquote>里混用<code>却不设样式 →<code>默认有white-space: pre，但父级可能重置它
注意<pre class="brush:php;toolbar:false;"></pre>和<blockquote></blockquote>的语义与嵌套问题
<pre class="brush:php;toolbar:false;"></pre>天生保留空格和换行，但它语义是“预格式化文本”，不是“引用”。如果内容既是引用又需保留空格，正确做法是：
- 外层用
<blockquote></blockquote>表达引用语义 - 内层用
<pre class="brush:php;toolbar:false;"></pre>或带white-space: pre-wrap的<p></p>承载格式化内容 - 不要把
<pre class="brush:php;toolbar:false;"></pre>当样式工具滥用——它会禁用常规字体继承、行高可能异常
比如终端命令引用：
<blockquote>
<pre class="brush:php;toolbar:false;">$ git status
modified: <code>src/main.js</code>
实际项目中，white-space: pre-wrap覆盖95%的引用段落空格需求；真正需要严格对齐或等宽展示时，才考虑<pre class="brush:php;toolbar:false;"></pre>或<code>。别为了几个空格改整个文档结构。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
