word-wrap与word-break的区别

强制换行

【行操作】word-wrap:break-word：首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句

【单词操作】word-break:break-all：不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

强制不换行

white-space:nowrap

如果td有宽度，并且文字中无标点、无空格（例如中文长串文字），nowrap则不再有效。解决方式就是可以加word-break:keep-all;

比较稳妥的方式是在文字与td之间再套一层div，然后使用nowrap，那么就是强制不换行。注意这时候很有可能文字会过多导致溢出容器，所以你还得加一个overflow:hidden，防止溢出容器，这样子就可以兼容各个浏览器了。