CSS中white-space屬性設置如何處理元素內的空白。
默認值normal表示:空白會被瀏覽器忽略。
white-space這個屬性聲明建立布局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。在IE8以上和火狐、Chrome中有效。
pre-wrap表示:保留空白符序列,但是正常地進行換行。
<p style="white-space:nowrap">
柯樂義。
keleyi.com 。
這是<a href="http://keleyi.com/a/bjac/utovcdwr.htm" target="_blank">一些</a>文本。
這是一些文本。
http://keleyi.com/a/bjac/7q4sej2s.htm
這是一些文本。
</p>
上面代碼的效果:
柯樂義。 keleyi.com 。 這是一些文本。 這是一些文本。 http://keleyi.com/a/bjac/7q4sej2s.htm 這是一些文本。
<p style="white-space:pre-wrap">
柯樂義。
keleyi.com 。
這是<a href="http://keleyi.com/a/bjac/utovcdwr.htm" target="_blank">一些</a>文本。
這是一些文本。 k e l e y i.c o m
http://keleyi.com/a/bjac/7q4sej2s.htm
這是一些文本。
</p>
上面代碼的效果:
柯 樂 義。 keleyi.com 。 這是一些文本。 這是一些文本。 http://keleyi.com/a/bjac/7q4sej2s.htm 這是一些文本。
white-space的值:
normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的
標簽。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到
標簽為止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合並空白符序列,但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。