HTML中的4种类型空格介绍

  |   2019年10月16日 |  Wordpress相关 |   评论已关闭 |   38

HTML中的4种类型空格介绍,

我原本以为 HTML 中只有一种空格,就是我们常用的  ,今天一查才知道还有另外三种,而且     刚好分别是中文字符的一半和相等,在某些情况下非常有用。比如下面这种情况如果需要排列整齐的话:

姓  名:
手 机 号:
联系邮箱:


我把这四种空格使用总结成一张表,方便以后查询使用。

空格 介绍
  No-Break Space,不换行空格,它是最常见,也是我们使用最多的空格,大多数的人可能只接触了  ,它是按下空格键产生的空格。

在 HTML 中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用 HTML 实体表示才可累加,该空格占据宽度受字体影响明显而强烈。

  En Space,半角空格,en 是字体排印学的计量单位,为 em 宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。

名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

  Em Space,全角空格。em 是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。

此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

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

本站推荐使用的主机:,国外主机建议使用。


转载请注明出处:http://ituq.cn/11604.html

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

ad
有需要可以关注公众号:“技术的世界” 分享最新技术教程,解答技术问题,有任何问题在公众号上提问,抽空会尽力解答。 另外想要什么资源,可以回复“资源”或者私信后台,可以获得丰厚的资源包哦