免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 7041 | 回复: 4
打印 上一主题 下一主题

[布局] 如何在一固定长宽的表格内,显示不同尺寸图片时让图片自动等比例缩小 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-06-29 20:39 |只看该作者 |倒序浏览
如何在一固定长宽的表格内,显示不同尺寸图片时让图片自动等比例缩小适应表格,保持图片不变形也不让表格撑开!

[ 本帖最后由 HonestQiao 于 2006-6-29 21:11 编辑 ]

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
2 [报告]
发表于 2006-06-29 21:05 |只看该作者
纯用表格不好做到吧。

需要结合DIV或者SPAN层和JavaScript来做到。

首先,设置DIV到你的表格为所想显示的区域的大小,设置CSS属性溢出不显示,也就是放入的图片过大则自动裁剪。

然后,使用js检测图片的大小,如果图片过大,则根据显示区域的长宽比自动缩小图片即可。

论坛徽章:
0
3 [报告]
发表于 2006-06-30 09:12 |只看该作者
原帖由 HonestQiao 于 2006-6-29 21:05 发表
纯用表格不好做到吧。

需要结合DIV或者SPAN层和JavaScript来做到。

首先,设置DIV到你的表格为所想显示的区域的大小,设置CSS属性溢出不显示,也就是放入的图片过大则自动裁剪。

然后,使用js检测图片的 ...


然后也可以用PHP来操作...呵呵~我较专情于PHP~

论坛徽章:
0
4 [报告]
发表于 2006-06-30 10:46 |只看该作者
把图片设为背景图片也可以考虑一下。比较简单。

论坛徽章:
0
5 [报告]
发表于 2006-06-30 11:13 |只看该作者
<td><img src=图片名 width=100%></td>
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP