1.
未加css前效果：
------->加上效果:
2.這三句重點在于:word-break與word-wrap
a:word-break 屬性規定自動換行的處理方法。
提示：通過使用 word-break 屬性，可以讓浏覽器實作在任意位置的換行。
值
描述
normal
使用浏覽器預設的換行規則。
break-all
允許在單詞内換行。
keep-all
隻能在半角空格或連字元處換行。
b:word-wrap 屬性允許長單詞或 url 位址換行到下一行。
隻在允許的斷字點換行（浏覽器保持預設處理）。
break-word
在長單詞或 url 位址内部進行換行。
還是看示例:
結果:
将dobiiiiiiiiiiiiiiiiiii做為一個整體進行換行顯示。
結果：
将dobiiiiiiiiiiiiiiiiiii截斷進行換行顯示。
我想這下這兩個的差別應該很清楚了吧！
轉載：http://www.cnblogs.com/zqzjs/p/4713061.html