js中如何输出空格
2016-07-03 16:21
447 查看
在写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;”样式属性。这个样式表示"空白会被浏览器保留"
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;”样式属性。这个样式表示"空白会被浏览器保留"
相关文章推荐
- HTML、CSS、JavaScript判断 IE
- javascript-类定义-随
- Jsp ssh
- Jsoup
- 用原生JS实现的一个导航下拉菜单,下拉菜单的宽度与浏览器视口的宽度一样(js+html+css)
- js获取高度遇到的问题
- 解决for循环闭包取值问题
- JavaScript 数组删除重复项
- javaScript基础知识
- 关于JSON解析的深坑之BOM头
- javaScript--02 CSS基础 上
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法
- JavaScript pop() 方法