image - 如何以垂直和水平居中 2 图像

Question

我需要帮助...

看这里...

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

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

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

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

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

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

Answer 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/