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

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

例如:

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

 

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

例如:

<p class=”white-space”>3个   空格</p>

<style>
　　.white-space {
　　　　white-space:pre
　　}
</style>

 

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

例如: 

<pre>3个   空格</pre>