ITPub博客

首页 > IT职业 > IT图书 > 在JS中,如何输出空格

在JS中,如何输出空格

IT图书 作者:kalt 时间:2021-09-09 09:00:08 0 删除 编辑

在写JS代码的时候,大家可以会发现这样现象:
document.write(" 1 2 3 ");
结果: 1 2 3
无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。
这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。
解决方法:

  1. 使用输出html标签 来解决
    document.write("  "+"1"+"    "+"23");

    结果: 1 23

  2. 使用CSS样式来解决
    document.write(""+"  1        2    3    "+"");

    结果: 1 2 3
    在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1805/viewspace-2807596/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    121
  • 访问量
    893