如何消除店铺自定义模块之间的10px间隙-淘宝店装
发表日期:2014-10-18 19:49 文章编辑:350模板官网小编 浏览次数:
350模板提示用代码模板的新店主们, 如果想要一件安装的快捷装修, 还是350模板吧, 永久使用。 当然如果自己会css的 小编给给大家分享一个经验教程:
很多卖家在淘宝店铺装修时可能会遇到这样一个问题:淘宝店铺自定义模块之间如何去掉两个模块之间的间隙?特别是我们在将设计好的大幅版面分段切割好,想放在不同自定义模块里面,但中间有10PX的空隙,非常难看,这时我们需要想办法消除自定义模块之间的间隙了。
很多卖家在淘宝店铺装修时可能会遇到这样一个问题:淘宝店铺自定义模块之间如何去掉两个模块之间的间隙?特别是我们在将设计好的大幅版面分段切割好,想放在不同自定义模块里面,但中间有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模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/99.html