在網頁中，如果出現長數字或長的字母組合時，如果不加以控制，它就會破壞網頁的佈局，控制不好可能就會顯示不全，照成顯示的資料丟失。雖然這種字串一般不會出現，但是不加以控制，被某些有心的人鑽了空子，就可能破壞整個網頁的佈局，得不償失，今天我就來解決下這個問題。

首先看一下是什麼問題：

例如：

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd

是不是把部落格園的佈局都給毀了？？

然後分析一下這個問題的原因：

個人認為長數字和長字母被認為是一個單詞，安道理，一個單詞是不應該被分割的，要一直顯示下去，被分割後就沒人認識了，所以瀏覽器就不給你換行，照成佈局被毀壞！

 然後我就在部落格園的快閃記憶體那裡試了下會不會出現這個問題，發現谷歌瀏覽器正常

看了下程式碼，是 word-wrap: break-word; 這句話起的作用，這句話的意思就是 內容將在邊界內換行

去掉後就會變成這樣

看來我們的問題已經解決了，但是ie瀏覽器就沒有這麼好了，請看下圖：

沒有變化，只是一大長條的數字，沒有換行！

解決的方法是：在那一條長數字的外面加一個<p>標籤就好了

請看解決後的ie的樣子：

谷歌瀏覽器的樣子：

完美解決！