大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
在学习插入空格字符代码书写方法之前,我们要知道,html代码的空格字符,在浏览器中,总会被压缩为一个字符!也就是说,你在html文本中输入多个空格,但在浏览器中,只会保留显示一个字符,其余的都将被浏览器删除。
再打个比如,你在html中输入了8个空格字符,如下图所示:
在显示之前,浏览器会删除其余7个,而只保留一个空格字符,如下图所示:
也就是说,无论你输入多少个空格字符,在浏览器中显示的永远和上图一样,只会显示一个字符的距离。
想要在浏览器中将所有的空格显示出来,就需要使用字符实体。
html中如何插入空格字符代码的6种书写方法
下面,我们就一起了解一下,html中空格的六种字符实体,分别是 、 、 、 、、,它们在不同浏览器中宽度各异。
第一种:
叫不换行空格,也叫做不间断空格,英文全称是No-Break Space,是最常见且使用最多的空格实体,它是按下space空格键产生的空格,它的字符编码是
但在HTML中,如果你用space空格键产生的空格,是不会累加的(只算1个),也就是说,你使用space空格键产生了很多空格,也只会显示1个空格,而只有使用实体字符 表示才可以;
下面的演示案例中,使用了5个相同的字符实体
以上五个字符实体 表示的空格,都会在浏览器中显示出来,如下图所示:
第二种:
是半角空格(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浏览器中显示效果如下:
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193776.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...