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

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

例如:

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

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

例如:

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

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

例如:

<pre>3个   空格</pre>
posted @ 2020-12-16 17:03  春燕啄春泥  阅读(2276)  评论(0编辑  收藏  举报