免费注册 查看新帖 |

Chinaunix

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

让图片在方框中居中显示的html代码怎么写 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-11-08 18:32 |只看该作者 |倒序浏览
让图片在方框中居中显示的html代码怎么写

问题很菜,让大家见笑了。就是现在我们的网站缩略图显示,比如大小全是100x100,而原始的图片未必是正方的。所以有两种选择:
1.不管原来是扁的还是立的,全变成正方,就是100x100,这样的缺点是不美观
2.保持原来的长宽比,比如原来400x300,现在是100x75,原来100x200,现在50x100。优点是能反映原貌,缺点是图有高有低,看起来不舒服。

还是windows资源管理器中那种缩略图好,全部居中。html中这样的效果应该什么代码呀,如果图小于缩略图的尺寸呢?

windows缩略图.jpg (11.16 KB, 下载次数: 126)

windows缩略图.jpg

论坛徽章:
0
2 [报告]
发表于 2006-11-08 18:41 |只看该作者
固定宽度,让高度按比例缩小不就行了

论坛徽章:
0
3 [报告]
发表于 2006-11-08 18:51 |只看该作者
楼上说的方法不妥,宽度固定了,那类似100x200这种图片岂不是变成100x100了?

论坛徽章:
0
4 [报告]
发表于 2006-11-08 18:59 |只看该作者
请仔细阅读我的话

论坛徽章:
0
5 [报告]
发表于 2006-11-08 20:16 |只看该作者
flickr那里可能这么处理的

就是根据长度和高度的数值,取最大的,然后按照它缩小到100,短的么当然是100以内了,这样图缩小了不会变形。。。。这样可以保持整体平衡。

整体排版的时候可能需要计算下其宽度。


简单的么就你和geel的方法。。。缺点可能变形。排版简单了。

论坛徽章:
0
6 [报告]
发表于 2006-11-08 21:29 |只看该作者
JS里IF一下就好了吧。

论坛徽章:
1
射手座
日期:2013-09-13 16:09:25
7 [报告]
发表于 2006-11-09 07:27 |只看该作者
Chinaren的相册是怎么做的?
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

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

清除 Cookies - ChinaUnix - Archiver - WAP - TOP