换行word-wrap与word-break兼容ie和火狐、chrome

word-wrap是控制换行的。
使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。

word-break是控制是否断词的。
normal是默认情况,英文单词不被拆开。
break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。
keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)

所以要做到英文跟中文等文字换行,可将word-wrap:break-word; word-break:break-all;同时定义到样式中。

例:

<style>p{ width:100px; height:auto;word-wrap:break-word; word-break:break-all;}</style>

<p>csscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscsscss</p>