html中的空格符

2022-04-13 Wordpress 133

我们可以使用html中表示空格的字符实体来在html页面中插入空格,下面我们来看看在html中表示空格的字符实体有哪些:

 字符:不断行的空白格,该空格占据的宽度受字体影响(一个字符宽度)。
 字符:相当全角状态键入半个“空格”键(半个汉字的宽度,一个字符宽度)。
 字符:相当全角状态键入“空格”键(1个汉字的宽度,两个字符宽度)。

下面我们来看看效果:

<p class="p1">测试文字|&nbsp; 字符nbsp显示空格!</p><br /
<p class="p2">测试文字|&ensp;字符ensp显示空格!</p><br />
<p class="p3">测试文字|&emsp;字符emnsp显示空格!</p>

效果图:
在这里插入图片描述
说明:&ensp和&emsp字符所占据的宽度基本上不受字体影响,是相当稳健的。