white-spacew作用
white-space是規定段落中的文本不進行換行的屬性
屬性值:
normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行爲方式類似 HTML 中的 <pre> 標籤。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到
標籤爲止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合併空白符序列,但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。
先看一段代碼在各屬性下顯示
<div id="view">這是一段空格 下面是換行
啊吳大維
</div>
1:namal:多個空格和回車壓縮爲一個空格展示(不保留),文字超出元素寬換行(換行)
2:pre: 保留,不換行
3:nowrap,不保留,不換行
4:pre-wrap,保留,換行
5:pre-line 合併空白,保留換行符~~~~