如何中心2个图像垂直和水平

我需要帮助...如何中心2个图像垂直和水平

采取这里景色...

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

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

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

也请注意他们只是不是一个两个图像。

这可能是几百个样本图像的...

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

来源

2012-10-09 user1667577

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

来源

2012-10-09 15:44:45 DomincJune

哦，它可能会好感谢that..Ideally，我们需要在相同的尺寸尽可能的图像......你在上面提供的一个，是在图像已经捉襟见肘如果图像大小保持不变，或者可能只是尽可能重新调整大小，那么效果会更好。 – user1667577

我不确定你是如何做他们的。一般情况下，如果所有图像都从服务器填充，则为服务器上的每个图像创建一个缩略图。 Popolate与这些缩略图。希望应该简单的方法...谢谢YOu – DomincJune

感谢您的参考先生DomincJune，我会尽力从这个解决方案...我感谢您的帮助！ – user1667577

如何中心2个图像垂直和水平

回答

相关问题