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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【全套完结】数字信号处理—-全套Matlab实验报告【建议保存】「建议收藏」

    目录实验一、熟悉MATLAB环境和基本信号的产生与运算实验一、熟悉MATLAB环境和基本信号的产生与运算实验一、熟悉MATLAB环境和基本信号的产生与运算

    2022年4月8日
    37
  • python十进制转换_Python 进制转换

    python十进制转换_Python 进制转换提到进制转换这里需要了解int()这个内置函数,大多数人都会这样用:int(x)其目的一般是将x字符串转化为整数,int()除了这个作用外,还可以将其他进制数转化为十进制数,Python内置函数官方文档从官方文档中我们可以得知内置函数:int(x,base=10)山东掌趣网络科技第二个参数默认base=10,页就是我们常用的字符串转换为十进制整数,由此,我们改变第二个参数可以将其他进制的数转…

    2022年5月12日
    50
  • 高数——多元函数的定义及极限

    高数——多元函数的定义及极限之前我们学习的导数、微分和积分都是针对一元函数的,也就是函数只依赖一个变量,但是在我们今后遇到的实际问题中,更多出现的却是要考虑多个变量的情况,这是我们就要用多元函数来表示它们之间的关系了。比如地球表面上一点的温度T同时依赖于纬度x和经度y,可以用一个二元函数T=f(x,y)来表示。和一元函数一样,二元函数也是有定义域和值域的,一元函数的定义域是轴上一个“线段”上的点的集合,而…

    2022年6月3日
    44
  • Java xml节点属性的修改[通俗易懂]

    Java xml节点属性的修改[通俗易懂]Javaxml节点属性的修改修改xml节点的属性,我们先建立一个修改之前的xml文档:操作xml文档的java程序文件test.javapackagecom.pb.test;importjava.io.FileOutputStream;importjavax.xml.parsers.DocumentBuilder;importjavax.xml.p

    2022年7月20日
    15
  • 安装macports卡住_linux安装mac软件

    安装macports卡住_linux安装mac软件采用最简单的方式完成macports的安装1.搜索macport,下载对应版本一步步完成安装。2.更新/etc/profilesudovi/etc/profile添加如下两行exportPATH=/opt/local/bin:$PATHexportPATH=/opt/local/sbin:$PATH3.一定不要忘了 ./etc/profile .的作用

    2022年9月21日
    0
  • 像素密度(衡量屏幕显示能力)

    像素密度(衡量屏幕显示能力)像素密度=√[(长度像素数)^2+(宽度像素数)^2]/屏幕尺寸eg:

    2022年5月17日
    41

发表回复

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

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