javascript 空格_css怎样输出空格

javascript 空格_css怎样输出空格javascript几种写空格符的方法

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

文章转载来自慕课网提供的wiki:   javascript几种写空格符的方法

 

 

在写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;”样式属性。这个样式表示”空白会被浏览器保留

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/186052.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • textmate快捷键 汇总

    textmate快捷键 汇总TextMate列编辑模式按住Alt键,用鼠标选择要插入字符的行。如果仅仅是插入字符,注意选择0列-选择多列的话会把它们覆盖掉。选择完毕应该是看到一条细细的竖线,然后输入要插入的字符。TextMate会实时显示所有的更改,很直观,这是TextMate比VIM好的地方。如果只是在许多行前插入空格,则可以选中这些行,使用快捷键Cmd+]增加缩进,在Text…

    2022年7月26日
    9
  • 使用instsrv.exe和srvany.exe创建windows服务[通俗易懂]

    使用instsrv.exe和srvany.exe创建windows服务[通俗易懂]srvany.exe是MicrosoftWindowsResourceKits工具集的一个实用的小工具,用于将任何EXE程序作为Windows服务运行。也就是说srvany只是其注册程序的服务外壳,这个特性对于我们来说非常实用,我们可以通过它让我们的程序以SYSTEM账户启动,或者实现随机器启动而自启动,也可以隐藏不必要的窗口,比如说控制台窗口等等。         将srvany.e

    2022年6月2日
    34
  • [mvc] 过滤器filter一览

    [mvc] 过滤器filter一览

    2022年4月2日
    49
  • 小米手机通过电脑上网「建议收藏」

    小米手机通过电脑上网「建议收藏」步骤很简单。只需要两步。所需要的软件工具如下:  电脑软件1.小米USB驱动  手机软件2.超级终端 点击下载  1.打开系统设置-系统-共享手机网络-USB绑定-(打开)  2.USB连接上电脑,在网络连接里会多出一个本地连接4,然后找到一下你的宽带连接(电脑上网那个)点一下右键-属性-共享-允许其他网络用户通过此计算器…选择勾上。  然后找到虚拟网卡(就是第二

    2025年6月23日
    2
  • Quartus II 使用详解

    Quartus II 使用详解今天早上做了《计算机组成原理》课的第一次实验。在这介绍一下QuartusⅡ如何使用,希望能帮到有需要的人。1、新建工程项目。2、填写项目存储路径和工程名,不要出现中文路径。3、添加已存在文件(可选),在【Filename】下选择已经存在的工程项目,利用【Add】或【Addall】命令添加文件到新工程,点击【Next】4、选择设备系列,并在【de…

    2022年10月16日
    10
  • safe-point(safepoint 安全点) 和 safe-region(安全区域)「建议收藏」

    safe-point(safepoint 安全点) 和 safe-region(安全区域)「建议收藏」safe-point(safepoint 安全点) 和 safe-region(安全区域)

    2022年4月21日
    82

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号