【总结】怎样在<p>标签内显示空格——空格实体

一般在<p>标签中,无论文字间有几个空格都只会显示一个,若需显示多个,则需用到html中的几种空格实体。

&nbsp;

即不换行空格,全称No-Break Space,是最常见且使用最多的空格。HTML字符值引用为:&#160; ,宽度受字体影响明显而强烈

&ensp;

即“半角空格”,全称En Space,en是字体排印学的计量单位,为em宽度的一半,即等同于字体度的一半。宽度正好是1/2个中文宽度,而且基本上不受字体影响

&emsp;

即“全角空格”,全称Em Space,em是字体排印学的计量单位。宽度正好是1个中文宽度,而且基本上不受字体影响

&thinsp;

即“窄空格”,全称Thin Space。宽度仅为em的六分之一

&zwnj;

即“零宽不连字”,全称Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,并以这两个字符原本的字形来绘制。其Unicode码位为:U+200C,HTML字符值引用为:&#8204;。

&zwj;

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

总的来说,html中的几种空格实体拥有不同的宽度,其中,非断行空格(&nbsp)是常规空格的宽度,可运行于所有主流浏览器。由于不同情况下,浏览器的em不同,所以其他几种空格( &ensp; &emsp; &thinsp; &zwnj;&zwj;)在不同浏览器中宽度各异。 

此外,浏览器还会把以下字符当作空白进行解析:空格(&#x0020;)、制表位(&#x0009;)、换行(&#x000A ;)和回车( &#x000D;)还有(&#12288;)等。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容