css3中white-space屬性怎么用

這篇文章主要為大家展示了“css3中white-space屬性怎么用”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css3中white-space屬性怎么用”這篇文章吧。

1、定義

word-spacing 屬性增加或減少單詞間的空白（即字間隔）。 該屬性定義元素中字之間插入多少空白符。針對(duì)這個(gè)屬性，“字” 定義為由空白符包圍的一個(gè)字符串。如果指定為長(zhǎng)度值，會(huì)調(diào)整字之間的通常間隔；所以，normal 就等同于設(shè)置為 0。允許指定負(fù)長(zhǎng)度值，這會(huì)讓字之間擠得更緊。 注釋：允許使用負(fù)值。

2、語(yǔ)法和參數(shù)

white-space：normal | nowrap | pre-wrap | pre-line | inherit normal：默認(rèn)，空白符會(huì)被瀏覽器忽略。 nowrap：文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到

標(biāo)簽為止。 pre-wrap：保留空白符，但是正常地進(jìn)行換行。 pre-line：合并空白符，但是保留換行符。 inherit：繼承父元素的設(shè)置 注：各個(gè)瀏覽器均能識(shí)別。

3、說(shuō)明

對(duì)于pre屬性，其實(shí)就是HTML中連續(xù)的多個(gè)空白符會(huì)被合并，然后為了不讓他合并（最常用的場(chǎng)合就是表示代碼文字縮進(jìn)）讓其中的空白符繼續(xù)保留而不需要我們?cè)黾宇~外的樣式和標(biāo)簽來(lái)控制它的縮進(jìn)和換行。pre標(biāo)簽的原理也是一樣的內(nèi)部默認(rèn)有了個(gè)white-space:pre。 對(duì)于nowrap屬性，這個(gè)是強(qiáng)制不換行核心，一般強(qiáng)制不換行就是利用這個(gè)屬性。Firefox的div和td中，以及IE的div中，均沒(méi)有問(wèn)題。唯一的瑕疵就是在IE的td中會(huì)有一個(gè)問(wèn)題，如果td沒(méi)有指定寬度，則nowrap仍然有效，如果td有寬度，并且文字中無(wú)標(biāo)點(diǎn)、無(wú)空格（例如中文長(zhǎng)串文字），nowrap則不再有效。解決方式就是可以加word-break:keep-all;可以解決此問(wèn)題。

以上是“css3中white-space屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！