JavaScript输出空格

Posted 2020-08-07

问题：JS手动输入多个空格，只显示成一个空格

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

 

解决方法:

　　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;”样式属性。这个样式表示"空白会被浏览器保留"

 

 

Reference:

慕课网 JS中如何输出空格 http://www.imooc.com/wiki/view?pid=167