JavaScript:html中各种空格代码的区别(nbsp、)
之前某个页⾯⽤了空格 ,但是在chrome firefox 和ie显⽰的宽度都不⼀样,⽆法对齐。
搜索了⼀下,很多⼈都转载了那篇设置成宋体的,可是仍然没对齐,要么ie对齐,要么chrome没对齐,于是好好研究了⼀下空格。
⼤家都说 ;不好把控,于是,我们到了新的替代⽅案:
网页设计html代码大全空格⽤半⾓空格 或者全⾓空格 就可以了, 相当于半格中⽂字符的宽度, 相当于⼀个中⽂字符宽度。
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: )。
此外,浏览器还会把以下字符当作空⽩进⾏解析:空格( )、制表位( )、换⾏(
)和回车(
)还有( )等等。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论