word-wrap:break-word 换行在各浏览器兼容的问题

  今天做项目碰到个问题，jsp页面的td内容过长会覆盖table下其他的td内容，原先是在table标签加

    <table  style="table-layout:fixed">

td标签加

    <td style="word-wrap:break-word;" nowrap="nowrap >

但是这个方法只在IE浏览器下有效果，FF跟chorm浏览器无效。

后来借助强大的搜索引擎，改成了

      <table  style="table-layout:fixed">

      <td><div style="word-wrap:break-word;" nowrap="nowrap> </div><td>

完美解决了。

具体参考：http://www.hicss.net/solve-change-line-in-css/#comment-798