white-space : pre;可以實現pre標簽的效果呢！！！

瀏覽器接受任何瀏覽器都接受 white-space 屬性。

注釋：所有的版本的 Internet Explorer （包括 IE8）都不接受屬性值 “inherit”。

官網定義和用法這種屬性聲明建立布局過程中怎么樣處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

默認值：

normal

繼承性：

yes

版本：

CSS1

JavaScript 語法：

object.style.whiteSpace=”pre”

值

描述

normal

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

pre

空白會被瀏覽器保存。其行為方法類似 HTML 中的 pre 標簽。

nowrap

文本不會換行，文本會在在同一行上繼續，直到碰到 br 標簽為止。

pre-wrap

保存空白符序列，但是正常地進行換行。

pre-line

合并空白符序列，但是保存換行符。

inherit

規定大概從父元素繼承 white-space 屬性的值。

實踐理解pre-line

合并空格，保存換行符，允許全自動換行

normal

合并空格，換行符轉化為一個空格，允許全自動換行

nowrap

合并空格，換行符轉化為一個空格，不允許全自動換行

pre

保存空格，保存換行符，不允許全自動換行

pre-wrap

保存空格，保存換行符，允許全自動換行。

值

空白符

換行符

全自動換行

pre-line

合并

保存

允許

normal

合并

忽略

允許

nowrap

合并

忽略

不允許

pre

保存

保存

不允許

pre-wrap

保存

保存

允許