css中 white-space 屬性

white-spacew作用

white-space是規定段落中的文本不進行換行的屬性

屬性值:

normal 默認。空白會被瀏覽器忽略。

pre 空白會被瀏覽器保留。其行爲方式類似 HTML 中的 <pre> 標籤。

nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到
標籤爲止。

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

pre-line 合併空白符序列,但是保留換行符。

inherit 規定應該從父元素繼承 white-space 屬性的值。

先看一段代碼在各屬性下顯示

<div id="view">這是一段空格                                  下面是換行
啊吳大維
</div>

1:namal:多個空格和回車壓縮爲一個空格展示(不保留),文字超出元素寬換行(換行)
image.png
2:pre: 保留,不換行
image.png
3:nowrap,不保留,不換行
image.png
4:pre-wrap,保留,換行
image.png
5:pre-line 合併空白,保留換行符~~~~
image.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章