我需要帮助......
在这里看一看...
你可以看到水平图像已经居中..
但问题是两个垂直图像没有居中...
另请注意,他们不是两张图片。
这可能是数百个样本图像...
谢谢希望你能帮助我...
答案 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/