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，防止溢出容器，這樣子就可以兼容各個瀏覽器了。