HTML中6種空白空格

2022-03-06 20:02:30 字數 1245 閱讀 2510

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: ‍ ‍)。

此外,瀏覽器還會把以下字元當作空白進行解析:空格( )、製表位( )、換行(

)和回車(

)還有( )等等。

出處:

6種空白空格的區別

html提供了5種空格實體 space entity 它們擁有不同的寬度,非斷行空格 是常規空格的寬度,可執行於所有主流瀏覽器。其他幾種空格 在不同瀏覽器中寬度各異。它叫不換行空格,全稱no break space,它是最常見和我們使用最多的空格,大多數的人可能只接觸了 它是按下space鍵產生的空...

6種空白空格的用法

html提供了5種空格實體 space entity 它們擁有不同的寬度,非斷行空格 是常規空格的寬度,可執行於所有主流瀏覽器。其他幾種空格 ensp emsp thinsp zwnj zwj 在不同瀏覽器中寬度各異 它叫不換行空格,全稱no break space,它是最常見和我們使用最多的空格,...

HTML中6種空格標記

html中 nbsp ensp emsp 等6種空格標記 html提供了5種空格實體 space entity 它們擁有不同的寬度,非斷行空格 是常規空格的寬度,可執行於所有主流瀏覽器。其他幾種空格 在不同瀏覽器中寬度各異。1 它叫不換行空格,全稱no break space,它是最常見和我們使用最...