html中的空格

space="nbsp"?

HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器。其他幾種空格(?      ‌‍)在不同瀏覽器中寬度各異。

 ? ? ??

它叫不換行空格,全稱No-Break Space,它是最常見和我們使用最多的空格,大多數(shù)的人可能只接觸了 ,它是按下space鍵產(chǎn)生的空格。在HTML中,如果你用空格鍵產(chǎn)生此空格,空格是不會(huì)累加的(只算1個(gè))。要使用html實(shí)體表示才可累加,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。


 ? ? ??

它叫“半角空格”,全稱是En Space,en是字體排印學(xué)的計(jì)量單位,為em寬度的一半。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的,此空格有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1/2個(gè)中文寬度,而且基本上不受字體影響。


 ? ?

它叫“全角空格”,全稱是Em Space,em是字體排印學(xué)的計(jì)量單位,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如,1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性:透明的,此空格也有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1個(gè)中文寬度,而且基本上不受字體影響。


 ?? ?

它叫窄空格,全稱是Thin Space。我們不妨稱之為“瘦弱空格”,就是該空格長(zhǎng)得比較瘦弱,身體單薄,占據(jù)的寬度比較小。它是em之六分之一寬。


‌?

它叫零寬不連字,全稱是Zero Width Non Joiner,簡(jiǎn)稱“ZWNJ”,是一個(gè)不打印字符,放在電子文本的兩個(gè)字符之間,抑制本來會(huì)發(fā)生的連字,而是以這兩個(gè)字符原本的字形來繪制。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C),HTML字符值引用為: ‌


‍

它叫零寬連字,全稱是Zero Width Joiner,簡(jiǎn)稱“ZWJ”,是一個(gè)不打印字符,放在某些需要復(fù)雜排版語(yǔ)言(如阿拉伯語(yǔ)、印地語(yǔ))的兩個(gè)字符之間,使得這兩個(gè)本不會(huì)發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍)。

此外,瀏覽器還會(huì)把以下字符當(dāng)作空白進(jìn)行解析:空格( )、制表位(	)、換行(
)和回車(
)還有( )等等。

white-space:

用來規(guī)定段落中的文本不進(jìn)行換行,以及元素內(nèi)空白屬性的處理,有6個(gè)值。

normal:

空白被瀏覽器忽略。

pre:

空白被瀏覽器保留。其行為方式類似于HTML中的<pre>標(biāo)簽。

nowarp:

文本不會(huì)換行,知道遇到<br/>標(biāo)簽。

pre-warp:

保留空白序列,但是正常進(jìn)行換行。

pre-line:

保留空白序列,保留換行符。

inhetit:

規(guī)定應(yīng)從父元素繼承white-space屬性的值。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)...
    2c4419e9dafa閱讀 272評(píng)論 0 0
  • HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格()是常規(guī)空格的寬度,可運(yùn)行...
    鹿守心畔光閱讀 2,357評(píng)論 1 0
  • 問題:行內(nèi)元素或者display設(shè)置為inline-block的元素之間如果有空格或者換行會(huì)存在一小段的間距大概4...
    1海內(nèi)無(wú)雙1閱讀 1,856評(píng)論 0 0
  • HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格()是常規(guī)空格的寬度,可運(yùn)行...
    Alex_1799閱讀 557評(píng)論 0 0
  • HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)...
    Autumn_a閱讀 608評(píng)論 0 0

友情鏈接更多精彩內(nèi)容