-
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&id=36581499806&scene=taobao_shop" target="_blank"><imgsrc="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&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,天猫一般是-10PX,根据实际情况,有的是-10PX,有的需要是-20px,然后再修改<div style="height:344px;width:1920px;">,把原本高度为height:364PX;,修改为height:344px;
今天的分享就到这里完了,想了解更多关于网店装修设计的,请继续留意京创的情报中心。
上一篇:2015淘宝最新排名新规则
下一篇:鞋子商品拍摄技巧
All Copyrights Reserved by 京创™ Design Office ©2013-2015
QQ:3401922741
E-mail:3401922741@qq.com
Bureau of Information Industry ICP
粤ICP备12888818号
粤ICP备12888818号