JS输出空格的简单实现方法

375 阅读 0 评论 248 点赞

我是靠谱客的博主自然发卡，这篇文章主要介绍JS输出空格的简单实现方法，现在分享给大家，希望可以做个参考。

在写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输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是自然发卡最近收集整理的关于JS输出空格的简单实现方法的全部内容，更多相关JS输出空格内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。