首页 > Web开发 > 详细

JS中如何输出空格

时间:2015-04-28 17:30:30      阅读:273      评论:0      收藏:0      [点我收藏+]

转自:http://blog.csdn.net/canglingyue/article/details/45021483

在写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中如何输出空格

原文:http://www.cnblogs.com/ymy124/p/4463444.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!