码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-12-21 11:59:59      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:lang   pac   问题   一个   bsp   换行符   保留   style   lan   

方案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>

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

标签:lang   pac   问题   一个   bsp   换行符   保留   style   lan   

原文地址:https://www.cnblogs.com/niyan/p/14144889.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!