解决低版本IE浏览器表格中图片太大撑大表格宽度的问题

最近有个开发较早的系统页面需要修改,打开F12开发者工具一看居然是IE5。
目前面临的问题:页面需要在一个table的td中插入一张宽度比较大的图片,插入之后预览页面会发现表格被撑到非常大,在网上发现有很多种办法,但是看版本支持,绝大多数都不支持IE5浏览器。
试了无数种方案,包括:

设置表格td宽度 width:100%; height:100%(无效果,撑开表格)
直接设置表格td固定宽度(无效果,撑开表格)
将图片设置为背景图片(虽然未撑开表格,但是会导致图片展示不全)
td内嵌套div,div设置宽度,在div中新增img图片(无效果,撑开表格)
设置max-width(只支持IE7及以上版本,无效果,撑开表格)

最后查了很多资料,终于查到一个有用的属性 table-layout ,table-layout:fixed; 可以将表格布局固定住,可以防止表格被撑开。

在table上增加了样式 style="table-layout:fixed; ",
在图片上新增了样式 style="width:100%; ",
顺利的解决了问题。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值