美文网首页程序员
【总结】怎样在

标签内显示空格——空格实体

【总结】怎样在

标签内显示空格——空格实体

作者: 月泠 | 来源:发表于2018-09-06 14:40 被阅读0次

    一般在<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;)等。

    相关文章

      网友评论

        本文标题:【总结】怎样在

        标签内显示空格——空格实体

        本文链接:https://www.haomeiwen.com/subject/fckxgftx.html