在網頁中，如果出現長數字或長的字母組合時，如果不加以控制，它就會破壞網頁的布局，控制不好可能就會顯示不全，照成顯示的數據丟失。雖然這種字符串一般不會出現，但是不加以控制，被某些有心的人鑽了空子，就可能破壞整個網頁的布局，得不償失，今天我就來解決下這個問題。
首先看一下是什么問題：
例如：
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd
是不是把博客園的布局都給毀了？？
然后分析一下這個問題的原因：
個人認為長數字和長字母被認為是一個單詞，安道理，一個單詞是不應該被分割的，要一直顯示下去，被分割后就沒人認識了，所以瀏覽器就不給你換行，照成布局被毀壞！
然后我就在博客園的閃存那里試了下會不會出現這個問題，發現谷歌瀏覽器正常
看了下代碼，是 word-wrap: break-word; 這句話起的作用，這句話的意思就是 內容將在邊界內換行
去掉后就會變成這樣
看來我們的問題已經解決了，但是ie瀏覽器就沒有這么好了，請看下圖：
沒有變化，只是一大長條的數字，沒有換行！
解決的方法是：在那一條長數字的外面加一個<p>標簽就好了
請看解決后的ie的樣子：
谷歌瀏覽器的樣子：
完美解決！