微客导航 » 文章资讯 » JS输出空格的简单实现方法

JS输出空格的简单实现方法

2024-03-13 03:29:03 486

在写JS代码的时候，大家可以会发现这样现象：

document.write("123");
结果:123

无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。

这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。

解决方法：

1.使用输出html标签 来解决

document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");

结果:123

2.使用CSS样式来解决

document.write("<spanstyle='white-space:pre;'>"+"123"+"</span>");

结果:123

在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

以上这篇JS输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。