HTML提供了5种空格实体(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: ‍ ‍)。

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

HTML中常用的空白字符写法相关推荐

  1. NC65在日常开发中常用的代码写法

    标题 NC65开发相关代码 版本 1.0.1 作者 walton 说明 收集NC在日常开发中常用的代码写法,示例展示 1.查询 1.1 通过BaseDAO查询结果集并转换 //通过BaseDAO进行查 ...

  2. java fel_开发中常用Fel的写法

    直接看代码吧: package javademo; import java.util.HashMap; import java.util.Map; import com.greenpineyu.fel ...

  3. db2dual_DB2常用SQL的写法(持续更新中...)

    DB2常用SQL的写法(持续更新中...) -- Author: lavasoft -- Date  :  2006-12-14 -- 创建一个自定义单值类型 create  distinct typ ...

  4. java中链式调用_Java及Android中常用链式调用写法简单示例

    本文实例讲述了Java及Android中常用链式调用写法.分享给大家供大家参考,具体如下: 最近发现,目前大火的许多开源框架中,大多都使用了一种"(方法).(方法).(方法)"的形 ...

  5. java调用android_Java及Android中常用链式调用写法简单示例

    本文实例讲述了Java及Android中常用链式调用写法.分享给大家供大家参考,具体如下: 最近发现,目前大火的许多开源框架中,大多都使用了一种"(方法).(方法).(方法)"的形 ...

  6. psid mysql_DB2常用SQL的写法(持续更新中...)

    DB2常用SQL的写法(持续更新中...) -- Author: lavasoft -- Date  :  2006-12-14 -- 创建一个自定义单值类型 create  distinct typ ...

  7. Python 中常见的配置文件写法

    相信学习Python或者正在进行Python工作的小伙伴都会有一个疑问,为什么要写配置文件呢?在开发过程中,我们常常会用到一些固定参数或者是常量.对于这些较为固定且常用到的部分,往往会将其写到一个固定 ...

  8. 实战!工作中常用到哪些设计模式

    前言 平时我们写代码呢,多数情况都是流水线式写代码,基本就可以实现业务逻辑了.如何在写代码中找到乐趣呢,我觉得,最好的方式就是:使用设计模式优化自己的业务代码.今天跟大家聊聊日常工作中,我都使用过哪些 ...

  9. 日常开发中常用到哪些设计模式

    前言 平时我们写代码呢,多数情况都是流水线式写代码,基本就可以实现业务逻辑了.如何在写代码中找到乐趣呢,我觉得,最好的方式就是:使用设计模式优化自己的业务代码.今天跟大家聊聊日常工作中,我都使用过哪些 ...

最新文章

  1. 网络游戏性能测试的几点想法
  2. 基于MATLAB的面向对象编程(5)——对象的保存(save)和载入(load)
  3. java中的servlet是线程安全的嘛_Java面试题:Servlet是线程安全的吗?(转)
  4. 【python】编程学习练习题-2
  5. html鼠标自动向下滑动,基于JavaScript实现鼠标向下滑动加载div的代码
  6. 请教一个ghost恢复的问题
  7. [转]js模块化(一)
  8. 【FIR.im赞助】jQuery编程挑战#012:生成菜单添加和删除动画效果
  9. 是你渡过人生难关的助力_人工智能将助力安全返回工作场所。 这是如何做
  10. 红黑联盟现场实地渗透测试培训第一期
  11. WebSocket 双端实践(iOS/ Golang)
  12. Excel 获取工龄公式
  13. 使用Gerber文件生成CNC文件。亚克力,PCB切割教程
  14. Git安装教程(Windows安装超详细教程)
  15. 27.WLAN组网介绍_VLAN在WLAN业务中的应用
  16. sqlserver加上百分号_用一条sql语句显示数据百分比并加百分号
  17. THREEJS - 旋转中心调整
  18. ADAS进入「红海争夺」,这家外资Tier1「降本30%」应战
  19. linux虚拟桌面设置不同的背景,虚拟桌面增强器为Windows 10中的每个虚拟桌面设置不同的壁纸 | MOS86...
  20. 指针秒懂1(如梦初醒):

热门文章

  1. 计算机技术在中医药中的应用,计算机药物虚拟筛选技术在中医药领域中的应用前景...
  2. CorelDRAW X6和PhotoZoom在一起,会碰撞出什么样的火花?
  3. 解决 “/lib64/libc.so.6: version `GLIBC_2.18‘ not found (required by /lib64/libstdc++.so.6)“
  4. AV1:谷歌微软等联合打造的新视频压缩技术
  5. 66亡灵app隐私政策
  6. D/D/O/S学习思维导图
  7. SqlMDF数据提取工具
  8. 全球与中国铟金属市场深度研究分析报告
  9. Javascript 计算众数和中位数的代码
  10. 5G专网核心网部署模式与挑战