css中word-break:break-all和word-wrap:break-word的区别

目的：主要说明word-break:break-all和word-wrap:break-word的区别

1. word-break:break-all和word-wrap:break-word的相同点：

  都能使其容器如DIV的内容自动换行

2. 区别：

(1).word-break:break-all：

例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长，它会把单词截断，变成该行末端为

conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了.

(2).word-wrap:break-word：

例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，

它会自动把整个单词放到下一行，而不会把单词截断掉的。