请问网格方式显示如何调整上下两排产品的间距啊

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

请问网格方式显示如何调整 上下两排产品的间距啊??

第一次发贴,不知道图片能上到不.......



/*==================== 网格方式显示 ====================*/
.itemGrid {
width: 100%;
overflow: hidden;
}
#globalMiddle .itemGrid .item {
text-align: center;
width: 110px;height: 110px;
float: left;
padding: 9px 11px 5px;
}
#globalMiddle .itemGrid .item .pic {
margin-bottom: 7px;
}
#globalMiddle .itemGrid .item .name,
#globalMiddle .itemGrid .item .price {
margin-bottom: 4px;
}
#globalLeft .itemGrid .item {
text-align: center;
width: 110px;height: 110px;
float: left;
padding: 9px 11px 5px;
}
#globalLeft .itemGrid .item .pic {
margin-bottom: 7px;
}
#globalLeft .itemGrid .item .name,
#globalLeft .itemGrid .item .price,
#globalLeft .itemGrid .item .btnList {
margin-bottom: 4px;
}
#globalRight .itemGrid .item {
text-align: center;
width: 110px;height: 110px;
margin: 0 auto;padding: 9px 11px 5px;
}
#globalRight .itemGrid .item .pic {
margin-bottom: 7px;
}
#globalRight .itemGrid .item .name,
#globalRight .itemGrid .item .price {
margin-bottom: 4px;
}
.itemGrid .item .name a {
font-weight: bold;
color: #694700;
}
.itemGrid .item .price {
color: #666;
}
.itemGrid .item .price .goodsPrice {
color: #F60;
}
.itemGrid .item .price .marketPrice {
color: #694700;
background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemGrid .item .btnList {
color: #694700;
}
.itemGrid .item .btnList a {
text-decoration: none;
color: #fff;
background: #999;
padding: 1px 5px;
border: 1px solid #999;
}
.itemGrid .item .btnList a:hover {
color: #000;
background: #fff;
}
.itemGrid .item .pic img {
padding: 2px;
border: 1px solid #ddd;
}

temp01.jpg (20.99 KB)

图片

temp01.jpg


回答:
上下两排之间太宽了,我想调小一点,不知道怎么改,请ec大佬帮帮手啊

在线等啊........

自己解决了

在componet里面

/*==================== 商品列表 ====================*/
#globalGoodsList .itemGrid {
border-bottom: 1px solid #d4d4d4;
}
#globalGoodsList .itemGrid .item {
height: 160px;
position: relative;