如何以垂直和水平方向居中2幅图像

时间:2012-10-09 15:23:46

标签: image center centering

我需要帮助......

在这里看一看...

  

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

你可以看到水平图像已经居中..

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

另请注意,他们不是两张图片。

这可能是数百个样本图像...

谢谢希望你能帮助我...

1 个答案:

答案 0 :(得分:0)

试试这个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/