设置table的td宽度，不随文字变宽

页面中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测试通过）

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