word-break:break-all与word-wrap:break-word的区别
摘要：word-break属性规定自动换行的处理方法。word-break:break-all;允许在单词内换行，将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 如果元素div的宽
word-break属性规定自动换行的处理方法。word-break:break-all;允许在单词内换行，将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。
如果元素div的宽度为400px，它的内容就会到400px的时候自动换行，当是如果该行末端有一个很长的英文单词，它就会把该单词截断。如下：
word-wrap允许长单词换行到下一行。word-wrap:break-word;在长单词或 URL 地址内部进行换行。
通过图片我们可以看到这两个设置之间的差异。word-wrap:break-word;会把单词看成一个整体，如果该行末端不够显示整个单词的位置，它会自动把整个单词放到下一行而不会把单词截断。
如果这两个都不用的话，中文不会出现问题，英文也不会出现问题，但是对于长串的英文会出现问题。
为了解决长串英文问题，一般用word-wrap:break-word;word-break:break-all;但是此方式会导致普通的英文语句中的单词会被断开（ie下也是）。
所以综上，最好的方式是word-wrap:break-word;overflow:hidden;(兼容 IE 和 FF)！
