综合百科

html空格代码如何写

在html中有五种空格的代码

html中空格代码的写法一:&nbsp(不换行空格)

我们来看一个小例子:

<!DOCTYPE html><html><body><b>php&nbsp中文网</b></body></html>

效果:

说明:一个&nbsp空格符只代表一个空格,如果要多个空格就需要敲多个&nbsp空格符,该空格占据宽度受字体影响明显而强烈。

html中空格代码的写法二:&ensp(半角空格)

看一个小例子

<html><head></head><body>    <p>亿&ensp;速&ensp;云</p></body></html>

效果:


说明:&ensp全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px),其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

html中空格代码的写法三:&emsp(全角空格)

小例子:

<html><head></head><body><p>亿速云&emsp;&emsp;网络</p>  </body></html>

说明:&emsp全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

html中空格代码的写法四:&thinsp(窄空格)

小例子:

<html><head></head><body>    <p>亿速云&thinsp;&thinsp;网络</p></body></html>

说明:该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。

html中空格代码的写法五:&zwnj(零宽不连字)

说明:&zwnj是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。

html中空格代码的写法六:&zwj(零宽连字)

说明:&zwj是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。