首页前端开发HTMLHTML中的4种类型空格介绍

HTML中的4种类型空格介绍

时间2023-04-23 07:30:02发布访客分类HTML浏览721
导读:我原本以为 HTML 中只有一种空格,就是我们常用的  ,今天一查才知道还有另外三种,而且     刚好分别是中文字符的一半和相等,在某些情况下非常有用。比如下面这种情况如果需要排列整齐...

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

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


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

空格

介绍

& nbsp;

No-Break Space,不换行空格,它是最常见,也是我们使用最多的空格,大多数的人可能只接触了 & nbsp; ,它是按下空格键产生的空格。 在 HTML 中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用 HTML 实体表示才可累加,该空格占据宽度受字体影响明显而强烈。

& ensp;

En Space,半角空格,en 是字体排印学的计量单位,为 em 宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。 名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

& emsp;

Em Space,全角空格。em 是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。 此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

& thinsp;

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

htmlbreakspace

若转载请注明出处: HTML中的4种类型空格介绍
本文地址: https://pptw.com/jishu/6098.html
ThinkPHP模型事件 通过 for 循环,比较 Python 与 Ruby 编程思想的差别

游客 回复需填写必要信息