商品详细中的商品图片如何居中?

2016-07-07 16:06 来源:www.chinab4c.com 作者:ecshop专家

商品详细中的商品图片如何居中?我的商品图片窜到顶上去了,请问如何解决。





需要修改下面哪段代码参数?

#focuscont{
width:310px;
height:400px;
line-height:300px;
border:1px solid #ccc;
overflow:hidden;
margin-bottom:5px;
padding:5px 10px;
}
.focuscont p img{
width:300px;
vertical-align:middle;
text-align:center;
*margin-top: expression(( 300 - this.height ) / 2);
}

#focustab{
width:300px; margin-bottom:12px;
}
#focustab li{
float:left;
}
#focustab li img{
height:54px;
width:54px;
display:block;
}
#focustab li a{
background:url(images/bg_pic_1.gif) no-repeat 0 0;
padding:9px 1px 3px 1px;
margin:0 1px 0 2px;
display:block;
}
#focustab li a.act{
background:url(images/bg_pic.gif) no-repeat 0 0;
padding:9px 3px 3px 3px;
text-align:center;
}
#focustab li a.act img{
border:none;
}

回答:
没有看出问题所在??

贴出地址,方便帮你测试

是官方模板 失落大地的 MAN

那个商品图片大小都是一样的,而外面的边框的大小也全部一样,所以你可以看下他们的大小,然后根据实际情况给外面的边框加个padding-top属性,应该可以解决