1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 设置table的td宽度 不随文字变宽

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

时间:2023-12-12 09:21:50

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。