JavaScript输出空格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript输出空格相关的知识,希望对你有一定的参考价值。

问题: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

以上是关于JavaScript输出空格的主要内容,如果未能解决你的问题,请参考以下文章

华为OD机试 - 单词倒序(JavaScript) | 机试题+算法思路+考点+代码解析 2023

JavaScript输出空格

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

华为OD机试 - 九宫格按键输入(JavaScript) | 机试题+算法思路+考点+代码解析 2023