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

开发时,出现当td的内容特别多的时候,会出现展示不开,然后后面的项目展示不出来。因此要设置table的td的宽度。

解决办法:

table 设置 宽度,绝对宽度和相对都可以
table-layout:fixed ;
并且,第一行的设置宽度,留一个不设,自由伸缩。

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

在 td 里面 加上 style="word-wrap:break-word;" 自动换行就好了,如果不想换行,可以将超出内容设为隐藏,并且用省略号代替:
在td上面加
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;(目前仅在IE8测试通过)

参考链接

你可能感兴趣的:(设置table的td宽度,不随文字变宽)