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

 

 

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • C++学习之路—— C++异常处理机制

    C++学习之路—— C++异常处理机制例题:1.设计一个程序,根据输入的三边求三角形面积。2.要求设置异常处理机制,对不符合三角形条件提示错误信息,不做计算;对输入非正数的边提示错误,并重新输入。代码如下:class S{public: double s; S(double x, double y, double z) { a = x; b = y; c = z; } void TryS();pr…

  • 计算机中为什么会用补码运算符号_负数求补码

    计算机中为什么会用补码运算符号_负数求补码总所周知,计算机内部的所有数都是以二进制的形式存在的。而二进制在计算机里又有多种编码方式——原码、反码、补码等。而在这些编码方式里面用得最多的不是最简单、最直接的原码而是补码。这是为什么呢?想搞懂这个问题首先得明白什么是原码、反码以及补码,如果你对他们还不太了解,那就先看看我另一篇博客——原码、反码、补码其实很简单。如果你对他们已经很熟悉,那么我们继续往下看。A、B、C三种相似的东西,

  • 《前端运维》一、Linux基础–01基础命令与vim

    在开始之前,你需要做一些准备工作,去阿里买一台服务器,服务器的具体细节其实并不是十分重要,我也不会在这里一步一步的教大家如何去买一个服务器。百度一下足够了,但是还是要贴一下这系列文章中,我所使用的服务

  • css flex布局实现文字垂直居中

    css flex布局实现文字垂直居中<style>.innner{display:flex;background-color:#ea4d22;height:100px;/*line-height:100px;*//*text-align:center;*/justify-content:center;flex-direction:column;}.i.

  • linux树莓派连接wifi密码,树莓派 连接wifi与路由器ip绑定

    linux树莓派连接wifi密码,树莓派 连接wifi与路由器ip绑定树莓派连接wifi与路由器ip绑定,先推荐几个手机软件1.JuiceSSH橘子ssh软件手机连上路由器就可以控制局域网内的树莓派2.VNCViewer远程桌面软件VNC也是连接局域网的树莓派这几个软件还是很好用的,不想开电脑的时候,也能控制树莓派——————————————————————-…

  • 视频转gif mac_有没有录屏时生成gif的软件

    视频转gif mac_有没有录屏时生成gif的软件Mac自带QuicktimePlayer上次完成word添加好看的格式化代码后,又想着做一个gif图演示功能效果,展示出来会更好。就来摸索摸索了…简单的工具图示如下:1、Launched中搜索2、双击触摸板3、按照工具提示来随意录屏吧~AppStore下载工具PicGIFLite双击图标简单的界面,更深入我心,实测有效,就是gif图片分辨率不高。下图是我做的实测的效果(这个滑动的功能后…

发表回复

您的电子邮箱地址不会被公开。

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