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 屬性的值。