CSS white-space空白屬性用來指定如何顯示的元素中的內(nèi)容。它用于處理元素內(nèi)部的空白。
有許多空白值可用于顯示元素內(nèi)部的內(nèi)容。
| 值 | 描述 |
|---|---|
| normal | 這是默認(rèn)值。在此值下，必要時(shí)將換行?？瞻仔蛄袑⒄郫B為單個(gè)空白。 |
| nowrap | 空白序列將折疊為單個(gè)空白。在此值下，文本將永遠(yuǎn)不會換行到下一行，只有在使用標(biāo)記時(shí)才會中斷。 |
| pre | 空白由瀏覽器保留。它就像html pre標(biāo)簽一樣。文本只會在換行符上換行。 |
| pre-line | 空白序列將折疊為單個(gè)空白。必要時(shí)將文本換行，并在線換行。 |
| pre-wrap | 空白由瀏覽器保留。必要時(shí)將文本換行，并在線換行。 |
| initial | 它將此屬性設(shè)置為其默認(rèn)值。 |
| inherit | 它從其父元素繼承此屬性。 |
<!DOCTYPE html>
<html>
<head>
<style>
p {
white-space: nowrap;
}
</style>
</head>
<p>
寫一些文字。寫一些文字。寫一些文字..
寫一些文字。寫一些文字。寫一些文字..
寫一些文字。寫一些文字。寫一些文字..
寫一些文字。寫一些文字。寫一些文字.
寫一些文字。寫一些文字。寫一些文字..
</p>
</html>測試看看?/?