DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> css中white-space的值pre-wrap
css中white-space的值pre-wrap
編輯:WEB前端代碼     
CSS中white-space屬性設置如何處理元素內的空白。
默認值normal表示:空白會被浏覽器忽略。

white-space這個屬性聲明建立布局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。在IE8以上和火狐、Chrome中有效。

pre-wrap表示:保留空白符序列,但是正常地進行換行。

pre-wrap10個空格 normal10個空格 nowrap10個空格

<p style="white-space:nowrap">


這是<a href="http:///a/bjac/utovcdwr.htm" target="_blank">一些</a>文本。
這是一些文本。
http:///a/bjac/7q4sej2s.htm
這是一些文本。
</p>
上面代碼的效果:

。 。 這是一些文本。 這是一些文本。 http:///a/bjac/7q4sej2s.htm 這是一些文本。



<p style="white-space:pre-wrap">


這是<a href="http:///a/bjac/utovcdwr.htm" target="_blank">一些</a>文本。
這是一些文本。
http:///a/bjac/7q4sej2s.htm
這是一些文本。
</p>
上面代碼的效果:

。 。 這是一些文本。 這是一些文本。 http:///a/bjac/7q4sej2s.htm 這是一些文本。



white-space的值:
normal 默認。空白會被浏覽器忽略。
pre 空白會被浏覽器保留。其行為方式類似 HTML 中的
 標簽。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到
標簽為止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合並空白符序列,但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved