求助关于lativ模板的缩略图问题

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

这个仿生活模板挺好的,但是中间产品缩略图有点小,原来的是100*100的,我想改为150*150,因为模板限制,所以没法再后台改,我在后台css改好之后,发现一行5个挤在一起了,请问如何设置让一行排4个呢?
/* LIBRARY:推荐商品-促销商品
----------------------------------------------- */
.proRecommend {
height:90px;
}
.proRecommend .pic {
float: left;
width: 85px;
margin-right: 6px;
}
.proRecommend .pic img {
width: 85px;
height: 80px;
}
.proRecommend .name {
width: 70px;
float: right;
padding-right:5px;
}
.proRecommend .price {
width: 70px;
float: right;
padding-right:5px;
}
.goodsRecommend {
width:565px;
list-style-type: none;
color:#999999;
font-size:11px;
}
.goodsRecommend p.pic {
margin-bottom:5px;
}
.goodsRecommend p.pic img {
width: 150px;
height: 150px;
}我改的这里改的缩略图
.goodsRecommend li {
text-align:center;
padding-right:13px;
padding-bottom:8px;
margin-bottom:13px;
float:left;
white-space:nowrap;
width:100px;
text-overflow:ellipsis;
overflow:hidden;
border-bottom: 2px solid #EEEEEE;
}
.goodsRecommend h2 {
display:block;
padding:2px 0 7px 0;
color:#414141;
font:bold 14px Arial, "宋体", Verdana, sans-serif;
letter-spacing:-1pt;
width:550px;
position: relative;
}
.goodsRecommend .more {
position: absolute;
top: 1px;
right: 0px;
}
.table-div {
padding: 5px;
background-image: url(images/table_bg.gif);
}
.re-goods-price {
color: #561614;
}
.goods-price {
color: #C8B16F;
}
.market-price {
background: url(images/line_through.gif) repeat-x center 8px;
}
.goods-table {
background-color: #DADADA;
width: 140px;
height:200px;
text-align: center;
margin: 5px;
}
.goods-table td {
vertical-align:top;
background-color: #FFF;
}
.re_goods-table {
background-color: #DADADA;
width: 140px;
height:150px;
text-align: center;
margin: 5px;
}
.re_goods-table td {
vertical-align:top;
background-color: #FFF;
}

回答：
.goodsRecommend li {
text-align:center;
padding-right:13px;
padding-bottom:8px;
margin-bottom:13px;
float:left;
white-space:nowrap;
width:100px;
text-overflow:ellipsis;
overflow:hidden;
border-bottom: 2px solid #EEEEEE;
}
这个样式增加左右边界属性margin-left和margin-right,大小自己调节

width:100px; 修改了这个就好了自适应的