2025年3月26日 星期三 甲辰(龙)年 月廿五 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:04-11来源:作者:点击数:36

方案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>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门