350装修平台已服务318多万家 淘宝店装修,拥有25万多个 350代理, 今日已售488 套模板 客户端下载 350教程论坛 350后台登陆 咨询邮箱 咨询邮箱:350@seo-lv.com 350模板官方微博 350模板微信
如何消除店铺自定义模块之间的10px间隙-淘宝店装
发表日期:2014-10-18 19:49   文章编辑:350模板官网小编    浏览次数:
 
350模板提示用代码模板的新店主们, 如果想要一件安装的快捷装修, 还是350模板吧, 永久使用。  当然如果自己会css的  小编给给大家分享一个经验教程:

 很多卖家在淘宝店铺装修时可能会遇到这样一个问题:淘宝店铺自定义模块之间如何去掉两个模块之间的间隙?特别是我们在将设计好的大幅版面分段切割好,想放在不同自定义模块里面,但中间有10PX的空隙,非常难看,这时我们需要想办法消除自定义模块之间的间隙了。
 
    淘宝、天猫店铺模块间隙是10px,只要掌握一点简单代码就可以解决这个问题。目前消除模块间隙只能限于两个自定义的模块,如果是官方的图片轮播、搜索店内宝贝、宝贝推荐等模块就无法与上一个模块消除10PX间隙了。
 
 
    使用如下代码,便可方便的消除店铺自定义模块之间的10PX间隙:
<div style="height:344px;width:1920px;">
<div class="footer-more- trigger" style="width:1920px;height:364px;left:auto;top:auto;margin:0;padding:0;border:0;">
<div class="footer-more-trigger" style="left:-485px;top:-20px;margin:0;padding:0;border:0;">
<a href="http://item.taobao.com/item.htm?spm=a1z10.3.w4002-5114819895.23.tiev41&id=36581499806&scene=taobao_shop" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg" /></a></div>
</div>
</div>
    说明:这张图片上364像素高,模块之间间隙是10PX,两个模块间隙就是20PX,所以,修改代码,中的top:-20PX(主要修改这个参数,-30,-40自己可以试试调节),天猫一般是-10PX,根据实际情况,有的是-10PX,有的需要是-20px,
    然后再修改,把原本高度为height:364PX;,修改为height:344px;

店铺模板

350店铺模板

查看模板 注册领取

手机模板

350手机模板

查看模板 注册领取

详情模板

350详情模板

查看模板 注册领取

免费领取

海报模板

350海报模板

在线设计

购买/价格

工具

350更多工具

350主图视频 更多工具
标签:    
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/99.html
相关文章推荐