css解決數字字母自動換行

目的：最近在項目中遇到樣式問題，在樣式一樣的兩個div中，漢字會自動換行，但數字和字母不會換行。下面就來說解決的辦法。

1.先給一個例子看效果：

html如圖(1):

圖(1)

運行效果如圖(2)：

圖(2)

2.從上面例子中可以看到數字和字母沒換行

解決辦法：加入樣式 word-break:break-all或word-wrap:break-word，如圖(3)和圖(4)

                                                                                                                             圖(3)

                                                                                                                                             圖(4)

3.如果需要了解word-break:break-all或word-wrap:break-word的區別請看下一篇word-break:break-all或word-wrap:break-word的區別