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

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

<p>3个&nbsp;&nbsp;&nbsp;空格</p>

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

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

方案3: 使用标签<pre>,被包围在<pre>标签元素中的文本通常会保留空格和换行符。
例如：

<pre>3个   空格</pre>