html pre標(biāo)記里內(nèi)容自動換行

我們都知道<pre> 標(biāo)簽可定義預(yù)格式化的文本，一個常見應(yīng)用就是用來表示計算機的源代碼。被包圍在 pre 元素中的文本通常會保留空格和換行符，但不幸的是，當(dāng)你在<pre>標(biāo)簽里面寫代碼的時候，如果你沒有手動換行，它也會給你保留，而不會自動換行。

這時候，你可以使用overflow:auto; (當(dāng)代碼超出容器邊界的時候，顯示滾動框)， 但這個方法也并不適用于所有主流瀏覽器，一些瀏覽器會直接截斷超出的內(nèi)容 。

由于本站中使用源碼的地方也不是很多，之前也不是很在意這個問題，前不久有位熱心的網(wǎng)友在QQ上反饋這個問題，于是在趁這次更換主題時，尋找了一下解決方案，分享之。