【国庆快乐，紧急求助】一个关于图片显示的问题_html/css_WEB-ITnose

来源：懂视网责编：小采时间：2020-11-27 16:32:32

【国庆快乐，紧急求助】一个关于图片显示的问题_html/css_WEB-ITnose

【国庆快乐，紧急求助】一个关于图片显示的问题_html/css_WEB-ITnose:本帖最后由 net_lover 于 2012-10-03 14:21:49 编辑我想在网页上放图片，一排排图片，大小事200*200像素的但是我现在有一个图片，是300*250像素的我的想法是：把这个图片以200*200显示，但是有一个要求就是不能做上下拉伸，那样很难看，我想要

推荐度：

点击下载本文 文档为doc格式

导读【国庆快乐，紧急求助】一个关于图片显示的问题_html/css_WEB-ITnose:本帖最后由 net_lover 于 2012-10-03 14:21:49 编辑我想在网页上放图片，一排排图片，大小事200*200像素的但是我现在有一个图片，是300*250像素的我的想法是：把这个图片以200*200显示，但是有一个要求就是不能做上下拉伸，那样很难看，我想要

本帖最后由 net_lover 于 2012-10-03 14:21:49 编辑

我想在网页上放图片，一排排图片，大小事200*200像素的

但是我现在有一个图片，是300*250像素的

我的想法是：把这个图片以200*200显示，但是有一个要求

就是不能做上下拉伸，那样很难看，我想要的是最大的那个压缩成200像素，另外的那个同比例压缩，然后多余的地方用空白表示就可以，我的意思能明白吧

就像下面这个链接里面的图片一样

http://www.laiko.net/pdlistone/products/7115373.html

代码应该如何写呢，谢谢大家了

就是同比例压缩后居中，多余的部分用空白显示，这样的一排排的图片排列会很好看

回复讨论(解决方案)

谢谢你，但是我要的结果是这样的
1、等比例缩小
2、多余部分空白
3、你看一下，我发的网址，那个图片是等比例缩小过后的，然后上下都是空白，看到了吗
我就要这种效果，因为等比例后，还是不能做到长：宽是1:1，我就要1:1这个效果
然后居中，有什么办法吗？
中间没有空白，只是实现了等比例缩放

没有空白，那肯定是把超出的截断了

等比例，要么空白，要么截掉，

没有其他效果

要截断，防止

你既然有现成的对比，你看他的源代码不就明白了吗》

道理已经说明了，

等比例缩小
多余部分空白
都已经实现

上下都是空白

你设置容器上下居中即可，最简单方法是放入

有可能是我错了，但是我用了代码，的确不是这个效果
你既然有现成的对比，你看他的源代码不就明白了吗》

道理已经说明了，

等比例缩小
多余部分空白
都已经实现

上下都是空白

你设置容器上下居中即可，最简单方法是放入

怎么是不行的？？

非常感谢，还有一个问题