p標簽不自動換行原因

前言：發現以前寫的就像是筆記，哪像博客啊，這里再次修改。

 

問題描述： 在固定寬度的p元素里（任何塊級元素同理），長單詞不自動換行，中文字符會自動換行，效果如：http://codepen.io/aliceluojuan/pen/rrxbpO

產生原因：1.英文會將不包含空格、換行的連續文本認為是一個詞，所以在默認情況下不換行;

　　　　　2.中文的話標點文字都是獨立的，所以會自動換行;

解決方案：

在英文字不改變內容的情況下，通過設置p元素的

p{

    word-wrap:break-word
    /*或者是下面一種方法讓單詞強制換行*/
    /*
    word-break: break-all;
    */
}

也可以強制將單詞換行，demo;

 

但是word-wrap和word-break的區別是什么呢? 

請看這篇文章咯，講得很詳細http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html；我也驗證過喲！