如何以垂直和水平居中 2 张图像答案

【问题标题】：how to center 2 images with vertical and horizontal如何以垂直和水平居中 2 张图像
【发布时间】：2012-09-29 23:32:14
【问题描述】：

我需要帮助...

看这里……

http://jsbin.com/ititac/10/edit

如您所见，水平图像已经居中..

但问题是两个垂直图像没有居中...

还请注意它们不是两张图片。

可能是数百个示例图像...

谢谢希望你能帮我解决这个问题...

【问题讨论】：

标签： image center centering

【解决方案1】：

试试这个 css：希望它能解决你的问题：

#product_thumbs .product_thumb {
float: left;
padding: 5px;
border: 1px dashed #B52020;
margin: 0 10px 10px 0;
width: 90px;
height: 90px;
overflow: hidden;
}

#product_thumbs .product_thumb img {
  width: 90px;
  position: relative;
  top: 25%;
  left: 30%;
  height: 80%;
  width: 90%;
  margin: -15% 0 0 -25%;
}

这里是演示

http://jsbin.com/ititac/18/edit

希望下面的链接有用：

http://www.vanseodesign.com/css/vertical-centering/

【讨论】：

哦，谢谢。理想情况下，我们需要尽可能大小相同的图像...您在上面提供的那个，图像是否已经拉长了..所以它会如果图像大小保持原来的大小，或者尽可能地重新调整大小，那就更好了。
我不确定你是怎么做的。通常，如果所有图像都是从服务器填充的，则为服务器上的每个图像创建一个缩略图。使用这些缩略图填充。希望这应该是一个简单的方法......谢谢你
感谢 DomincJune 先生的参考，我将尝试从中获得解决方案...感谢您的帮助！