首页 > Web开发 > 详细

JS中如何输出空格(学习)

时间：2016-02-25 13:47:02 阅读：169 评论：0 收藏：0 [点我收藏+]

在写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.cnblogs.com/nostic/p/5216569.html

踩

(0)

评论一句话评论（0）

分享档案

更多>