HTML中的空格字符_dw空格代码怎么打

HTML中的空格字符_dw空格代码怎么打在学习插入空格字符代码书写方法之前,我们要知道,html代码的空格字符,在浏览器中,总会被压缩为一个字符!也就是说,你在html文本中输入多个空格,但在浏览器中,只会保留显示一个字符,其余的都将被浏览器删除。再打个比如,你在html中输入了8个空格字符,如下图所示:在显示之前,浏览器会删除其余7个,而只保留一个空格字符,如下图所示:也就是说,无论你输入多少个空格字符,在浏览器中显示的永远和上图一样…

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

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

在学习插入空格字符代码书写方法之前,我们要知道,html代码的空格字符,在浏览器中,总会被压缩为一个字符!也就是说,你在html文本中输入多个空格,但在浏览器中,只会保留显示一个字符,其余的都将被浏览器删除。

再打个比如,你在html中输入了8个空格字符,如下图所示:

5d4e6c3f389b683aba9cff490f15420d.png

在显示之前,浏览器会删除其余7个,而只保留一个空格字符,如下图所示:

6bcc6e930be460c2398056dce28df936.png

也就是说,无论你输入多少个空格字符,在浏览器中显示的永远和上图一样,只会显示一个字符的距离。

想要在浏览器中将所有的空格显示出来,就需要使用字符实体。

html中如何插入空格字符代码的6种书写方法

下面,我们就一起了解一下,html中空格的六种字符实体,分别是 、 、 、 、‌、‍,它们在不同浏览器中宽度各异。

第一种: 

 叫不换行空格,也叫做不间断空格,英文全称是No-Break Space,是最常见且使用最多的空格实体,它是按下space空格键产生的空格,它的字符编码是 

但在HTML中,如果你用space空格键产生的空格,是不会累加的(只算1个),也就是说,你使用space空格键产生了很多空格,也只会显示1个空格,而只有使用实体字符&nbsp表示才可以;

下面的演示案例中,使用了5个相同的字符实体 

a55f5f1bc199b48e5797190515dea371.png

以上五个字符实体 表示的空格,都会在浏览器中显示出来,如下图所示:

73eba1bf84206b2e588a1cda588db50e.png

第二种: 

 是半角空格(En-Space),它的字符编码 ,en是字体排印学的计量单位,en表示的宽度是em宽度的一半,名义上是小写字母n的宽度,其占据的宽度正好是1/2个中文宽,而且基本上不受字体影响。

第三种: 

 是全角空格(Em-Space),它的字符编码 ,em是字体排印学的计量单位。相当于当前指定的点数,如1em在16px的字体中就是16px。此空格有个相当稳健的特性,其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

第四种: 

 是窄空格(Thin-Space),占据的宽度比较小,它是em之六分之一,所以,该表示的空格是非常小的。

第五种:‌

‌是零宽不连字(全称是Zero Width Non Joiner,简称“ZWNJ”),是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为(zero width non-joiner,U+200C),HTML字符值引用为‌。

第六种:‍

‍是零宽连字(全称是Zero Width Joiner,简称“ZWJ”),是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML字符值引用为‍ ‍)。

以上6个空格书写方法,在IE浏览器中显示效果如下:

f825588849acf3380a41944a2d5101e0.png

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

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

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

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

(0)
blank

相关推荐

  • 动态链接库(DLL)初始化例程失败_failed to load中文

    动态链接库(DLL)初始化例程失败_failed to load中文在importtensorflow时遇到以下报错:解决方案如下:1.官网上提到:因为TensorFlow1.6版本起,二进制文件使用AVX指令,这些指令可能无法在旧版CPU上运行,所以我们要看下CPU的指令集。可以使用CPU-Z这个软件来查看:注:该软件我已经放到公号上,读者可以在后台发送”cpu”获取下载链接。如果不支持,则可以考虑更换一台电话。支持的话请看方案二。2.官网同样提到:从TensorFlow2.1.0版开始,…

  • 区块链与联邦学习的研究

    区块链与联邦学习的研究本文分别介绍了区块链与联邦学习的研究现状、架构和运行原理、主要技术及局限性,并针对区块链与联邦学习所存在的问题,通过分析区块链与联邦学习各自的特点,探讨了如何将区块链与联邦学习进行融合互补,介绍了两种融合模型及其应用场景。1区块链概述1.1 区块链的研究现状2008年10月,化名为“中本聪”的学者在密码学论坛上公开了《比特币:一种点对点的电子现金系统》一文[1],提出了利用PoW和时间戳机制构造交易区块的链式结构,剔除了可信第三方,实现了去中心化的匿名支付。比特币于2009年1月上线并发布创世块,.

  • 数据连接建立流程_数据对接方式

    数据连接建立流程_数据对接方式数据连接建立流程

  • 数据库分库分表解决方案汇总

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者 | butterfly100 来源 | cnblogs.com/butterfly100/…

  • 计算机考研调剂大概率,调剂经验分享:调剂成功概率太低了?过来人手把手教你如何调剂…[通俗易懂]

    计算机考研调剂大概率,调剂经验分享:调剂成功概率太低了?过来人手把手教你如何调剂…[通俗易懂]调剂经验分享:调剂成功概率太低了?过来人手把手教你如何调剂摘要:调剂变数太大了,所以聪明的同学一定会提前做点什么让调剂尽可能地和自己有关系,然后自己尽可能的被调剂院校看见,那么,关于调剂有什作者梦成真520次阅读2020-06-08摘要:调剂变数太大了,所以聪明的同学一定会提前做点什么让调剂尽可能地和自己有关系,然后自己尽可能的被调剂院校看见,那么,关于调剂有什么经验呢,下面看看是帮帮为大家搜集…

  • 3.3v与5v电平转换_5v电压经过10位A/D转换

    3.3v与5v电平转换_5v电压经过10位A/D转换问题背景在设计一个带MCU或者ARM系统电路时候,经常遇见MCU的VCC是3.3V,但是外围电路需要5V,有时候是反过来。虽然现在MCU的IO都声称支持TTL电平,但是我们谁也不想将MCU的IO口直接接上5V,即使IO口先串联一个电阻,然后再接上5V,这样总是不放心,担心烧掉MCU。再说了,MCU声称IO口支持TTL电平,但是并不是所有的IO都是这样,反正有隐患。解决方法就是电平转换。具体的我只说我在实际项目中运用到的方法,而且在项目中运用比较方便的,其他的都不再说了。法一:基于门电路第一种:利用O

发表回复

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

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