百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【Wordpress相关】HTML中的4种类型空格介绍

发布时间:2020-09-17

作品分类:Wordpress相关  空格  宽度  字体  空格  种类  介绍  HTML

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之六分之一宽。

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

Top