HTML提供了6种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(    ‌‍)在不同浏览器中宽度各异。

 

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

 

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

 

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

 

它叫窄空格,全称是Thin Space。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。

‌

它叫零宽不连字,全称是Zero Width Non Joiner,简称ZWNJ;,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”(zero width non-joiner,U+200C),HTML字符值引用为: ‌

‍

它叫零宽连字,全称是Zero Width Joiner,简称ZWJ,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML: ‍‍)。

other

此外,浏览器还会把以下字符当作空白进行解析:空格( )、制表位(	)、换行(
)和回车(
)还有( )等等。

HTML的6中空格表示方式相关推荐

  1. Html中空格的方式

    1. 空格符 大  家  好! 显示效果为:大 家 好! 2.p标签使用空两格 <p>百度地图API功能</p> <p style="text-indent:2 ...

  2. python右键弹出菜单编写_python实现应用程序在右键菜单中添加打开方式功能

    最近项目组开发的一个小工具想要在右键菜单中添加打开方式,以有道云笔记为例进行了需求拆解和代码编写 1.需求拆解: 如何实现手动添加右键菜单的打开方式: Step1:打开注册表编辑器,Win+R-> ...

  3. CSDN中空格的常用输入方法

    小伙伴们在撰写CSDN博客时,常常需要打印空格,下面是常用两种方法: 第一种:切换输入法到全角符号 一般为shift+空格键,如果不能切换,因为快捷键没有打开,打开方式参考这里链接: https:// ...

  4. CSDN中空格输入方法

    第一种:切换输入法到全角符号 一般为shift+空格键,如果不能切换,因为快捷键没有打开,打开方式参考这里链接 Win10自带微软拼音输入法全角半角怎么切换 第二种:通过HTML中空格来表示 HTML ...

  5. 去除 字符串中空格/回车

    去除 字符串中空格/回车 1),java去除字符串中的空格.回车.换行 符.制表符 import java.util.regex.Matcher; import java.util.regex.Pat ...

  6. 整数中内存中的保存方式:大端、小端

    一个数在计算机内存中的保存方式是大端法表示还是小端法表示? 首先C++当中并没有规定我们这个内存中,整数在内存中是采用大端法还是小端法表示.所以在编写程序的时候这一点并不是很重要. 但是如果编写一个程 ...

  7. [转]wxODBC(wxWidgets)中使用驱动程序方式打开数据库

    wxODBC(wxWidgets)中使用驱动程序方式打开数据库 wxWidgets的文档中都是使用在控制面板/数据源中设定DSN来创建ODBC连接.但是实际上很多小型的应用,只是使用本机的一个Acce ...

  8. php中 继承中的概念,JavaScript_JavaScript中的继承方式详解,js继承的概念 js里常用的如下 - phpStudy...

    JavaScript中的继承方式详解 js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承) 类式继承(构造函数间的继承) 由于js不像java那样是真正面向对象的语言,js是基于 ...

  9. java的rsa作用_java 中RSA的方式实现非对称加密的实例

    java 中rsa的方式实现非对称加密的实例 rsa通俗理解: 你只要去想:既然是加密,那肯定是不希望别人知道我的消息,所以只有我才能解密,所以可得出公钥负责加密,私钥负责解密:同理,既然是签名,那肯 ...

最新文章

  1. 福利丨网友授课视频分享:机器学习实战-KNN-第一部分
  2. 阿里云RDS的mysql数据库占用空间超过90%的处理
  3. python服务器搭建ftp_Python搭建HTTP服务器和FTP服务器
  4. Java项目经验——程序员成长的关键
  5. LeetCode 988. 从叶结点开始的最小字符串(DFS)
  6. php正则去除base64,使用PHP preg_match_all的正则表达式base64块
  7. 浅谈在过去的一年中,我所认识的前端开发---------
  8. FluorineFx:视频录制及回放(Flash/AS3环境)
  9. visio 科学图形包_【数据科学的python系列3】Python数据科学环境设置
  10. http请求webservice接口
  11. 2019上半年勒索病毒专题报告
  12. 建立U盘免疫病毒文件
  13. 日常工作记录---在虚拟机中进行slam建图
  14. 电子护照阅读器便捷通行管理系统
  15. Bit-Vector框架(1) — Reaching Definition Analysis
  16. 解决edge浏览器被劫持的问题 2021-02-23
  17. IEEE 标准 802.1Qbv™-2015
  18. 如何将MyEclipse项目导入eclipse
  19. 向量相似度的计算和向量夹角余旋的关系
  20. 联创系统服务器信息设置有误,联创自助服务系统

热门文章

  1. Nifty Gateway与区块链技术:探索数字艺术的革命
  2. 【云存储】Go项目实践(Fedora、GlusterFS、ownCloud)
  3. performance tunning --shared pool
  4. 用ChatGPT生成Excel公式,太方便了
  5. 特拉斯成为英国首相后 “英镑危机”的风险正在上升
  6. 信息检索与分析 - 课程总结
  7. C语言基础教程(1)概述
  8. 股市总市值续写新高 资本大国正在崛起
  9. 飞行堡垒FX80GM,温度墙,锁频,游戏掉帧问题解决
  10. 百度人像分割API调用——一键抠图