css中white-space的值pre-wrap


CSS中white-space屬性設置如何處理元素內的空白。
默認值normal表示:空白會被瀏覽器忽略。

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

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

柯樂義pre-wrap10個空格 keleyi.com
柯樂義normal10個空格 keleyi.com
柯樂義nowrap10個空格 keleyi.com



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

原文:http://keleyi.com/a/bjac/7q4sej2s.htm


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM