white-space:處理空白符,該屬性會影響源文檔中空格、換行、tab字符的處理,影響瀏覽器處理字之間和文本行之間的空白符(空格、換行、tab字符)的方式。
值:normal | nowrap | pre | pre-wrap | pre-line | inherit
初始值:normal
應用于 所有元素(css2.1); 塊級元素(css1 和 css2)
繼承性:無
white-space:normal(默認值)
把所有的空白符默認合并為一個空格,文字過長會自動換行
瀏覽器顯示時,各個字之間只會顯示一個空格,忽略元素中的換行(將換行轉換為一個空格)。
white-space:nowrap
把所有的空白符默認合并為一個空格,并且保持不換行,除非使用一個
標簽去手動換行
瀏覽器顯示時,所有的空白符默認合并為一個空格,并且不會自動換行。
white-space:pre
保留所有空白符,但是文字過長不會自動換行
瀏覽器顯示時,所有的空白符都顯示正常,但是不會自動換行。
white-space:pre-warp(css2.1)
保留所有空白符,但是文字過長可以自動換行
瀏覽器顯示時,所有的空白符都顯示正常,但是可以自動換行。
white-space:pre-line(css2.1)
合并空白符序列(即為空格),保留換行符
瀏覽器顯示時,所有的空白符都顯示正常,但是可以自動換行。
總結表格:
值 空白符 換行符 自動換行
pre-line 合并 保留 允許
normal 合并 忽略 允許
nowrap 合并 忽略 不允許
pre 保留 保留 不允許
pre-wrap 保留 保留 允許