码迷,mamicode.com
首页 > Web开发 > 详细

JS 中如何输出空格

时间:2018-02-11 21:33:04      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:空格   ade   detail   位置   under   样式表   如何   class   white   

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

 

转载:http://www.imooc.com/qadetail/68755

 

JS 中如何输出空格

标签:空格   ade   detail   位置   under   样式表   如何   class   white   

原文地址:https://www.cnblogs.com/ostrich-sunshine/p/8376253.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!