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

来源：爱站网时间：2019-11-11编辑：网友分享

程序员在编写代码的时候，都可能会输入空格，但是程序上却不默认和显示多个空格，今天爱站技术频道小编就给大家带来JS输出空格的简单实现方法，一起来学习吧！

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

document.write("  1   2        3 ");
结果: 1 2 3

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

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

解决方法：

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

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

结果: 1  23

2. 使用CSS样式来解决

document.write("<span style='white-space:pre;'>"+" 1    2  3  "+"</span>");

结果: 1    2   3

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

上述就是爱站技术频道小编介绍的JS输出空格的简单实现方法，希望能给您一个参考，也希望您能支持爱站技术频道。