quanshiyinian 发表于 2014-9-20 00:31:52

如何消除淘宝店铺自定义模块之间的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,所以,修改代码<div class="footer-more-trigger" style="left:-485px;top:-20px;margin:0;padding:0;border:0;">,中的top:-20PX(主要修改这个参数,-30,-40自己可以试试调节),天猫一般是-10PX,根据实际情况,有的是-10PX,有的需要是-20px,
然后再修改<div style="height:344px;width:1920px;">,把原本高度为height:364PX;,修改为height:344px;



页: [1]
查看完整版本: 如何消除淘宝店铺自定义模块之间的10px间隙教程