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中的6种空格相关推荐

  1. HTML中的5种空格表示,HTML中的5种空格各表示的意义

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

  2. html语言中空格用什么表示,HTML中的5种空格各表示的意义

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

  3. HTML中的几种空格

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

  4. HTML中的5种空格表示

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

  5. word敲空格文字不后退_聊聊Word中的几种缩进(中)

    一些闲言碎语 想要打破Word的二八定律何其难呀!80%的人仅使用了Word20%的功能!我见到了太多太多把Word当记事本去用的人.因为Word的门槛非常低,几分钟便能掌握一个功能,而且许多功能未免 ...

  6. HTML中6种空格标记

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

  7. markdown编辑器中可以使用的6种空格标记

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

  8. HTML中的 nbsp; ensp; emsp;等6种空格标记

    代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 ...

  9. java用户输入解析_Java中的3种输入方式实现解析

    Java中的3种输入方式实现解析 发布于 2020-8-8| 复制链接 摘记: 这篇文章主要介绍了Java中的3种输入方式实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学 ...

最新文章

  1. RNN以及LSTM的介绍和公式梳理
  2. 交互式计算机图形学总结:第五章 光照和明暗绘制
  3. 【图文详解】第一个Java程序HelloWorld详解,写Java程序需要注意什么
  4. win10 下pycharm+anaconda 编译生成pyd文件
  5. iSCSI 2-环境搭建一
  6. webbrowser 打开支付宝网页提示无权打开_在押人员生活缴费更便利:支付宝线上“智慧监所”...
  7. parseInt原来是这样用的
  8. css 禁止录入中文
  9. 如何删除Eclipse中的中文包,让中文Eclipse显示英文
  10. 恶意样本分析流程记录
  11. 微信模板消息的发送动态封装(Java完美封装)
  12. gp338信令_细说GP338GP328对讲机编程
  13. 管道(Pipeline)
  14. 一维信号卷积与图像卷积的区别
  15. UWP开发:获取用户当前所在的网络环境(WiFi、移动网络、LAN…)
  16. 湖南无线数字电服务器,戴尔服务器搭建湖南省高校数字化图书馆
  17. uni-app 子组件调用父组件的方法(vue同样适用)
  18. 老人与海好词100英文带翻译_《老人与海》英文读后感带翻译
  19. 计算机中隐身功能,隐形电脑
  20. 经常被登录的验证码卡住? 解决方案来了!

热门文章

  1. ThreadPoolExecutor线程池参数设置
  2. 向浏览器console 里面导入JQuery在线CDN
  3. 双频超声波清洗电源发生器设计
  4. 笔记本电脑键盘帽坏掉了
  5. 怎么做ps电视机画面信号干扰故障效果
  6. 互动玩法任务平台介绍
  7. Linux 路由配置详解
  8. 3.5mm 耳机插座 5脚
  9. 微信公众号 订阅号,服务号,企业号区别
  10. 剪映中如何实现镜头自动跟踪效果