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. const的用法,特别是用在函数后面
  2. php修改新闻分类代码,新闻分类录入、显示系统_php
  3. 深入理解分布式技术 - 服务注册与发现背后的逻辑
  4. jvm内存参数配置_idea中设置JVM参数,简单理解JVM常见参数,JVM调优简单入门
  5. 计算机一级考试无法显示评分,计算机一级评分各题标准
  6. linux设置最大打开文件数
  7. 这次,华为选择了湖南大学、湘潭大学
  8. h3c交换机限制端口访问_勒索病毒,华为/H3C三层交换机/路由器用ACL访问控制实现端口禁用...
  9. 实名认证失败_公安实名认证失败是什么原因
  10. 【数据结构】约瑟夫问题
  11. BLE Mesh中的Sequence number和IV Index
  12. 双系统笔记本 android,安卓不止平板有 教你使用笔记本装安卓,和WINDOWS一起双系统亦可以的哦!(图解)...
  13. 敏捷式Mybatis
  14. python ---input()函数、前几篇知识点总结
  15. 【python+requests】爬取“国家级非物质文化遗产代表性项目名录”
  16. ATFX:人民银行1年期MLF降息10基点,USDCNH大涨
  17. 上天、入水、下地,清洁机器人蓝海有多大?
  18. vue项目中使用a标签下载视频文件
  19. 百度地图基本使用及画线路轨迹播放问题
  20. MNN推理引擎框架简介

热门文章

  1. java实现打印机打印
  2. 【杂谈】联想Thinkpad T470p插电源开机报错AC adapter has a lower wattage than the recommended AC
  3. 软件测试基础-更高级别的测试、调试、极限测试
  4. android材料设计层次,Android材料设计之ToolBar+CardView
  5. 手机4G网络(网速超级震撼)
  6. 元宇宙源于人类生存维度的拓展和人类感官维度的拓展
  7. CH340晶体不起振
  8. C#-CAD二开相关
  9. 关于Codeforces的一点事
  10. php存在的两个问题,是导致不再受欢迎的主要原因