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


相关推荐

  • dede list列表页和文章页分别使用if else

    dede list列表页和文章页分别使用if else

    2021年9月19日
    34
  • python实现HMAC算法与应用[通俗易懂]

    python实现HMAC算法与应用[通俗易懂]Inthisprogram,youarerequiredtoinvokethealgorithmsthatareimplementedinbuild-inlibrary.Yourprogramdoesthefollowing:ExampleInputExampleOutputsolutioncodeoutput受于文本篇幅原因,本文相关算法实现工程例如环境及相关库,无法展示出来,现已将资源上传,可自行点击下方链接下载。python实现Hash和H

    2025年7月12日
    0
  • [C#] 走进 LINQ 的世界

    [C#] 走进 LINQ 的世界走进LINQ的世界序在此之前曾发表过三篇关于LINQ的随笔:进阶:《LINQ标准查询操作概述》(强烈推荐)技巧:《LinqToObjects-如何操作字符串》 和

    2022年7月2日
    18
  • linux下 VSCode快捷键

    linux下 VSCode快捷键文章目录一、常用二、全部1、常规2、基本编辑3、richlanguagesediting4、多光标和选择5、显示6、搜索与替换7、导航8、编辑页面管理9、文件管理10、终端一、常用命令作用Ctrl+,用户设置Alt+↑/↓将当前行上移或下移Ctrl+Shift+K删除行Ctrl+Shift+\跳至相匹配的括号处Ctrl+Shift+[/Ctrl+Shift+]折叠/展开当前代码块Ctrl+KCtrl+0折叠所有代码块Ctrl+

    2022年4月30日
    87
  • Java练习—-》求字符串中的最长回文子串

    Java练习—-》求字符串中的最长回文子串手贱,做了一道对于我来说挺难的题目嘿嘿!挺有意思的,分享一下文章目录前言一,题目二,思路图形解析代码前言第一次把自己的解题思维写出来,可能写的不太好,请给位原谅,哈哈哈哈额,如果有错的,请各位大佬帮我指出来哈,谢谢!!(^U^)ノ~YO一,题目求一串字符串的最长回文子串,这里以cabacabae为例二,思路图形解析第一步:观察这串字符串—》第二步:找出最长回文子串,并设数—》说明:在这里,假设知道最长回文子串,那这里的resCenter和maxRigth,reslengthgs

    2022年10月16日
    0
  • currentstyle 织梦_设置typeid后织梦currentstyle 不起作用的修复方法

    {dede:channeltype=’son’row=’8’currentstyle=”~typename~”}[field:typename/]{/dede:channel}这种调用方式currentstyle有效但是设置typeid:{dede:channeltype=’son’row=’8’typeid=1currentstyle=”~typename~”}[…

    2022年4月9日
    40

发表回复

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

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