JS中如何输出空格

时间：2016-07-10 11:10:09 阅读：142 评论：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/luodan/p/5657155.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行