图片撑大表格的老问题？

ICeeYeS 2007-12-04 09:29:46

一个table 中加载的图片大于表格时，把表撑大了。

我用了<table style="table-layout:fixed;width:100%;"> 在横向上把图片限制住了。可在height上怎么也限制不了。

效果见：http://www.lovemai.com.cn/item/itemdisp.aspx?itemid=9

请问该怎么修改？

...全文

144 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

tyb1222 2007-12-05

打赏
举报

回复

你在IMG标签中设置他的WIDTH 和heigth属性不行吗...

leaohong 2007-12-05

打赏
举报

回复

img加载时候判断图片大小控制img高宽

LikeCode 2007-12-05

打赏
举报

回复

没有发现,不过楼的网站在FF打开,乱得一塌糊涂~~

wanghua_1987 2007-12-05

打赏
举报

回复

学习

ICeeYeS 2007-12-05

打赏
举报

回复

水平有限，暂时没考虑在ff下的兼容性。

目前面临的问题：页面需要在一个table的td中插入一张宽度比较大的图片，插入之后预览页面会发现表格被撑到非常大，在网上发现有很多种办法，但是看版本支持，绝大多数都不支持IE5浏览器。可以将表格布局固定住，可以防止表格被撑开。最近有个开发较早的系统页面需要修改，打开F12开发者工具一看居然是IE5。最后查了很多资料，终于查到一个有用的属性。

文字输入多了不换行把表格撑大了的修改方法图片把表格撑大的问题这样就可以解决表格和层被撑破。但它会把英文词或图片全部被截断了。 table { table-layout:fixed; word-break:break-all; word-wrap:break-word; } div { word...

不让图片撑大表格做法 650)this.width=650" border=0>偶然看到，记下来！

需要重新定义css样式：加入下面的代码就可以了 <style type="text/css"> .layui-table-cell { height: auto !important; white-space: normal; } </style> ...

在制作页面，添加资料的时候，可能会遇到这种情况，客户提供的表格数据太宽，把页面撑开了，我也遇到这样的问题，当我尽量给表格减肥，发现还是不行的时候，偶忽然想到了overflow:auto，这个属性。在这个大的数据表格外面套一个div，class是box，页面源码......css这样写.box{width:520px; overflow:auto;}css定义了这个div的overflow“auto...

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章