HTML中的4种类型空格介绍
HTML 类型 介绍 空格
2023-06-13 09:18:31 时间
我原本以为 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之六分之一宽。 |
相关文章
- Django choices to js `' `(html select option)
- html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]
- 图片下划线 html,HTML <U>下划线标签元素 HTML下划线标签「建议收藏」
- 在html中加下划线
- HTML中document的作用,html中的document对象是什么?一篇文章让你了解document对象
- 【罗盘时钟—使用html,js,css编写。附源代码及效果】
- 【黑马程序员pinik名师讲html】HTML很容易忘记?有它我不慌的
- 【HTML】HTML 标签 ① ( 骨架标签 | 双标签和单标签 | 嵌套关系和并列关系 | 文档类型 | 页面语言 | 编码字符集 )
- html多文本框
- 前端HTML介绍详解编程语言
- Linux上跑起来的HTML之旅(linux运行html)
- HTML 5.1 — 14 项新增特性及使用案例
- 从 HTML 页面访问 MySQL 数据库.(html访问mysql)
- HTML 标题
- HTML <section> 标签
- 用HTML操作MySQL数据库(html调用mysql)
- W3C HTML
- HTML颜色选择器实现代码
- JQuery中html()方法使用不当带来的陷阱
- php压缩HTML函数轻松实现压缩html/js/Css及注意事项
- 在ASP中不用模板生成HTML静态页直接生成.html页面