咨询热线

13538199475 QQ:3401922741

15

11

2015

天猫店铺消除模块之间10PX间隙代码



大家好,今天天猫店铺装修小编跟大家分享一下如何消除模块之间的间隙(C店天猫通用),间隙指的是两个自定义区域中间的模块,一般有10PX的间隙,导致两个区域之间不能很好的融合到一起,总感觉有点不足。但是不怕,我们可以通过修改代码来删除间隙。
 
如下图所示(红色部分就所说的间隙):
如何消除模块之间的间隙
 
我们来看下,未消除间隙的,如下图:
未消除间隙

再来对比下,消除间隙后的效果,如下:
消除间隙后

看完效果,我们来看看代码。
 
源代码:破950限制通栏,未消除10PX源代码,这里图片高度是364PX
 
<div style="height:364px;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="top:auto;left:-485px;margin:0;padding:0;border:0;">
<a href="http://item.taobao.com/item.htm?spm=a1z10.3.w4002- 
5114819895.23.tiev41&amp;id=36581499806&amp;scene=taobao_shop" target="_blank"><img 
src="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg" /></a></div>
</div>
</div>
 
消除间隙后的代码:
<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&amp;id=36581499806&amp;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,天猫一般是-10PX,根据实际情况,有的是-10PX,有的需要是-20px,然后再修改<div style="height:344px;width:1920px;">,把原本高度为height:364PX;,修改为height:344px;

今天的分享就到这里完了,想了解更多关于网店装修设计的,请继续留意京创的情报中心。

QQ在线咨询
售前咨询热线
13543403004
售后咨询热线
13543403004