解决html中多个空格只显示一个空格的问题

方案1: 使用字符 代替空格

例如：

<p>3个   空格p>

方案2: 设置style样式 white-spsace: pre,浏览器会保留文本中的空格和换行

例如：

<p class="white-space">3个   空格p>
<style>
    .white-space {
          white-space: pre;
    }
style>

方案3: 使用标签

,被包围在
标签元素中的文本通常会保留空格和换行符。

例如：

<pre>3个   空格pre>