前言：工作時，遇到了很多關於換行的一些問題，才發現自己對css的樣式有些理解的並不透徹。現在根據我目前做的項目來具體問題具體分析下。（PS：感謝細微不至的測試妹子幫我挖掘的無窮無盡的bug==！）
上圖是我沒加任何換行限制，瀏覽器默認狀態下的表現，會發現當字數超過容器範圍時候會自動換行處理，但是這是中文的時候，如果是有字符串會不會也是自動換行呢？
繼續看下面圖片
沒錯，當容器裏面的字符串超過容器範圍的時候，瀏覽器並不會默認爲你換行，而是字符串有多長就突破限制表現多長，不中斷一個字符串。
下面我們開始加上css限制看看 注意word-wrap與word-break的異同
word-wrap 允許長單詞換行到下一行
word-break在恰當的斷字點進行換行
看出區別了沒有，當我加上word-wrap: break-word樣式的時候，字符串太長的話就換行了，不再強制撐出容器，但是不會自動跑到前面空白的地方，也就是隻在字符串內換行
而我加上word-break: break-all樣式的時候，字符串不僅會換行，還會自動填補前面空白的區域
以上。