设置table宽度,使其不随内容变宽

2021-10-29 09:35 行业动态

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

解决办法:

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

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

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


上一篇:Excel中身份证号变成E+17数字的处理方法
下一篇:罗田县人民政府“12345”市民服务热线服务指南

猜你喜欢

手机扫一扫添加微信

153-7456-7400