关注移民留学生活
当前位置:网站首页 > 移民美国 > 正文

-baijiahao,前端 HTML空格的六种方式

作者:huaxiayeshi发布时间:2020-11-27分类:移民美国浏览:0评论:0


导读:-baijiahaohtml提供了5种空格实体(spaceentity),它们拥有不同的宽度,非断行空格(nbsp;)是常规空格的宽度,可...

-baijiahao

html提供了5种空格实体(space entity),它们拥有不同的宽度 ,非断行空格( nbsp;)是常规空格的宽度 ,可运行于所有主流浏览器。其他几种空格( ensp; emsp; thinsp; zwnj; zwj;)在不同浏览器中宽度各异 。  

 

nbsp; 

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

 

ensp; 

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

 

emsp; 

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

 

thinsp; 

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

https://

zwnj;

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

 

zwj; 

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

前端 HTML空格的六种方式相关推荐前端 HTML空格的六种方式_Java_web前端开发学习教程-CSDN...其他人还搜了前端 HTML空格的六种方式 - 笑人 - 博客园 - 去帮帮答提问获取答案HTML空格的特性-前端-Mrwan-博客园Web前端系列—HTML空格表示_Future_One的专栏-CSDN博客前端学习笔记1 HTML的6种空格_开心美一天_新浪博客HTML中      等6种空白空格的区别5种你一定不知道的HTML空格表示方法_WEB前端开发,html,...html的标签之间带不带空格或换行,为什么对样式有影响?已...前端html+css类博客园页面搭建流程及实现-码农教程html空格代码怎么写?前端问答-PHP中文网Web前端教程:第07讲,HTML基本语法-空白折叠现象 、标签属性2019最新Python人工智能:第27讲,博客园基本使用网站前端新手必学:html的语法博客园如何快速解决网站收录问题博客园主页第20课:完成博客园文章路由规则-问题的解决第19课:完成博客园文章路由规则博客园自动发帖工具博客园自动发帖软件的使用说明博客园贴吧机器人发帖软件

标签:-baijiahao


欢迎 发表评论:

移民美国排行
文章标签
类似推荐