请问网格方式显示如何调整上下两排产品的间距啊
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)
图片
回答:
上下两排之间太宽了,我想调小一点,不知道怎么改,请ec大佬帮帮手啊 |
在线等啊........ |
自己解决了 在componet里面 /*==================== 商品列表 ====================*/ #globalGoodsList .itemGrid { border-bottom: 1px solid #d4d4d4; } #globalGoodsList .itemGrid .item { height: 160px; position: relative; |
最近更新
常用插件
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
ecshop热门问答
ecshop热门资料
ecshop专卖店
ecshop700
ecshop程序设计
ecshop用用
ecshop不写
ecshopQQ交流
ecshop好听的名字
ecshopIE兼容
ecshop首页不显示
ecshop手工录入
ecshopUCHOME
ecmall订购记录
ecshopFor
ecshop798
ecshop原函数
ecshop旗舰版
ecshop输入
ecshop雷达
ecshoppreviously
ecshop自动播放
ecshopecmall积分功能
ecshop金莱德数码科技
ecshop童鞋
ecshop乱码
ecshop小图切大图
ecshop整合discuz
ecshop图片显示不正常
ecshop共享
邮件密码
ecshop如何赚