设置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测试通过)

原文地址:https://www.cnblogs.com/lenther2002/p/5149343.html