這時候，你可以使用overflow:auto; (當代碼超出容器邊界的時候，顯示滾動框)， 但這個方法也並不適用於所有主流瀏覽器，一些瀏覽器會直接截斷超出的內容。
我們都知道<pre> 標籤可定義預格式化的文本，一個常見應用就是用來表示計算機的源代碼。被包圍在pre 元素中的文本通常會保留空格和換行符，但不幸的是，當你在<pre>標籤裡面寫代碼的時候，如果你沒有手動換行，它也會給你保留，而不會自動換行。
這時候，你可以使用overflow:auto; (當代碼超出容器邊界的時候，顯示滾動框)， 但這個方法也並不適用於所有主流瀏覽器，一些瀏覽器會直接截斷超出的內容。
由於本站中使用源碼的地方也不是很多，之前也不是很在意這個問題，前不久有位熱心的網友在QQ上反饋這個問題，於是在趁這次更換主題時，尋找了一下解決方案，分享之。
複製代碼