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. 最近跑hadoop遇到的一些问题
  2. Ubuntu下安装Docker
  3. obj是什么意思_为什么要学正则表达式 - 3
  4. python英文字符串排序_Python根据内嵌的数字将字符串排序(sort by numbers embedded in strings)...
  5. Uncaught (in promise) DOMException 报错
  6. 媒体集有2个媒体簇,但是只提供了1个
  7. 百度地图KEY发布版SHA1和开发板SHA1如何获得
  8. HTML PROGRESS 中显示百分比,在ProgressBar控件中显示进度百分比
  9. 大一java期末考笔试_JAVA考试试题及答案
  10. 易语言禁用计算机指令大全,易语言电脑屏幕锁定工具源码
  11. 计算机思维导论第二讲答案,大学计算机计算思维导论第2讲习题及解析
  12. HCIP 2020 8月 自考题库全解析附题库2种版本+练习软件
  13. WP模板,WP网站模板,WP网站主题模板
  14. 京东商城禁止一淘网蜘蛛抓取内容
  15. 技术人员如何创业(2)---合伙人的模式
  16. 2013考研数学复习指南(理工类)-陈文灯
  17. 4.链表LinkedList
  18. 解决在uniapp项目中小程序调用获取微信绑定手机号
  19. html七天签到页面,每日前端签到(第七天)
  20. 微信个人订阅号简单实现在线收款

热门文章

  1. 一文辨析,性能分析top命令中进程NI和PR
  2. 深度学习 训练吃显卡_学习深度学习,如何选购显卡?
  3. 哲学家就餐问题的解决方案(三种)
  4. sublime text3安装emmet插件及PyV8:小白重试了n次后终于成功
  5. 2022年起重机司机(限桥式起重机)考试题库及在线模拟考试
  6. p30升级鸿蒙能支持5G网络吗,华为P30Pro支持5G吗
  7. ChatGPT 使用 拓展资料:用 Rasa Open Source 和 ChatGPT 回答有关结构化数据的问题
  8. GM/T 0005随机数检测工具
  9. 用fpga来加速采用opencl的多功能打印机图像处理
  10. 微信小程序动画 animation 实现轮播