html空格代码是什么？html空格代码怎么写？（总结）

131 阅读 0 评论 87 点赞

我是靠谱客的博主俭朴月光，最近开发中收集的这篇文章主要介绍html空格代码是什么？html空格代码怎么写？（总结），觉得挺不错的，现在分享给大家，希望可以做个参考。

刚开始学习html的时候，会遇到一个这样的问题，html中空格怎么打？有的人可能就直接敲了一下空格键，但是这样是不正确的，毕竟敲的空格键不是一个代码，所以接下来本篇文章就来给大家介绍一下html中空格代码该怎么写。

在html中有五种空格的代码

html中空格代码的写法一：&nbsp（不换行空格）

我们来看一个小例子：

<!DOCTYPE html>
<html>
<body>
<b>php&nbsp中文网</b>
</body>
</html>
登录后复制

效果：

2345截图20180907104244.png

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

html中空格代码的写法二：&ensp（半角空格）

看一个小例子：

<html>
<head>
</head>
<body>
    <p>P&ensp;H&ensp;P</p>
</body>
</html>
登录后复制

效果：

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

html中空格代码的写法三：&emsp（全角空格）

小例子：

<html>
<head>
</head>
<body>
<p>php&emsp;&emsp;中文网</p>  
</body>
</html>
登录后复制

效果：

2345截图20180907111249.png

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

html中空格代码的写法四：&thinsp（窄空格）

小例子：

<html>
<head>
</head>
<body>
    <p>php&thinsp;&thinsp;中文网</p>
</body>
</html>
登录后复制

效果：

2345截图20180907111833.png

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

html中空格代码的写法五：&zwnj（零宽不连字）

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

html中空格代码的写法六：&zwj（零宽连字）

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

下面两个空格就不写例子了，要想了解更多关于html标签可以参考靠谱客html手册。

这篇文章到这里就结束了，更多精彩请关注靠谱客。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。