如何中心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個圖像垂直和水平

回答

相關問題