LQ博客 www.lqblogs.com
arrows
nav

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

作者:LQ 来源:原创 发布时间:2021-07-11 浏览量:4462 评论:0 点赞:0

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

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


方案2:使用空格占位符&nbsp;代替空格

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

也可以单个空格和空格占位符交叉使用:

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

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

<pre>3个   空格</pre>
html
如果你感觉本文章对你有帮助的话,那就点赞、打赏或订阅一下吧
点赞(0)
打赏
倒踩(0)
关闭 感谢您的支持,我会继续努力
微信支付
支付宝支付
扫码打赏,建议金额1-20元
浏览量(4462)
讨论本篇文章(0)
发表评论

最多访问文章

最新文章