转自http://blog.sina.com.cn/s/blog_506d9e20010181pb.html




页面中table宽度设置width="600px"之后，宽度仍然不是固定的，文字太长后不换行，把table都撑变形了。

 

解决办法：

 

 table 设置 宽度，绝对宽度和相对都可以

      table-layout:fixed ;

 并且，第一行的<td>设置宽度，留一个不设，自由伸缩。

 

这样操作之后，table是宽度固定了，但是里面的文章如果很长，文字还是会跑出来

解决办法：

 

 在 td 里面 加上 style="word-wrap:break-word;" 自动换行就好了，如果不想换行，可以将超出内容设为隐藏，并且用省略号代替：

  在td上面加

             overflow:hidden;
              white-space:nowrap;
              text-overflow:ellipsis;（目前仅在IE8测试通过）