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下的AIC和SIC准则,求助:AIC准则和SC准则不一致情况下如何判断滞后期?

    matlab下的AIC和SIC准则,求助:AIC准则和SC准则不一致情况下如何判断滞后期?Includedobservations:3994LagLogLLRFPEAICSCHQ025192.43NA1.14e-08-12.61414-12.61099-12.613021…

    2022年5月24日
    41
  • HTML/CSS 常见面试题汇总

    HTML/CSS 常见面试题汇总HTML面试题1、<image>标签上title属性与alt属性的区别是什么?alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户等。title属性为设置该属性的元素提供建议性的信息。使用ti…

    2022年5月31日
    32
  • word在试图打开文件时遇到错误的解决办法

    word在试图打开文件时遇到错误的解决办法错误为解决办法:打开Word,选择-文件-选项点击左侧的信任中心按钮,然后选择右侧的信任中心设置进入信任中心后点击左侧的受保护视图选项卡,默认是三个选项都被选中的,如图取消勾选第一个选项“为来自Internet的文件启用受保护的视图”,点击确定后退出,然后重新打开文件…

    2022年5月24日
    58
  • clion 激活码 下载(最新序列号破解)

    clion 激活码 下载(最新序列号破解),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日
    47
  • 《QTreeView+QAbstractItemModel自定义模型》:系列教程之三[通俗易懂]

    《QTreeView+QAbstractItemModel自定义模型》:系列教程之三[通俗易懂]1、了解常用的model类通过对上一节的阅读,我们知道只要具备model+view就可以显示数据。那么有哪些model类呢,从下图中我们可以看到Qt中模型类的层次结构QStandardItemModel:可以作为QListView、QTableView、QTreeView的标准model。QAbstractListModel:需要使用QListView显示数据,并配合自定义…

    2022年6月14日
    66
  • ubuntu安装vscode的两种方法_vscode vim

    ubuntu安装vscode的两种方法_vscode vimUbuntu16.04安装VisualStudioCode出现问题的解决一、前述关于ubuntu安装VisualStudioCode这里不在说明。这里记录两点自己安装过程中遇到的问题。二、umake安装出现问题解决usage:umakeweb[-h]{firefox-dev,phantomjs}…umakeweb:error:argumentframew…

    2022年9月18日
    4

发表回复

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

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