你好,欢迎来到美迪电商教育! 网站首页 培训课程 干货分享 申请讲师 网站地图
全国24小时招生热线
400-800-4439

淘宝如何去除自定义模块的空白间隙?

来源:http://www.mede.com.cn 作者:美迪电商学院 发布时间:2014-10-31 18:43 点击:

         我们可能在装修旺铺的时候会出现一个常见的问题,就是自定义模块的时候会出现间隙,而这个空白的间隙可能就造成了整体的不美观,那么我们如何去除自定义模块的空白间隙?
         广州美迪淘宝美工培训在前段时候就说过这个间隙的问题,就是去样式管理那里关闭页头下距10像素。但是这个方法只是去掉导航和招牌的距离,这个应该还记得吧?忘记的可以看看以下的图片教程:

淘宝如何去除自定义模块的空白间隙 
 
         我们今天教的可能与这个不一样,需要有点代码的基础,下面就直入主题吧!!淘宝模块之间的缝隙是淘宝系统默认存在的。如果想自己去掉空白间隙的话,就必须要用到代码。
例如:

修改后:

注释:
淘宝如何去除自定义模块的空白间隙?

我们可以很清楚的看到红框中的就是修改和增加的部分,原来自定义模块的高度是200px,我们需要减掉20px,200-20=180,这个根据你们的实际尺寸来减。

另外增加一个css样式:class="footer-more-trigger"   这个是淘宝自带样式,作用于模块的定位

再加上一段控制模块属性的代码:top:-20px;left:auto;padding:0;border:none;,这段代码加到style=""内,假如有些学员的代码是<div>这种类型,那么就要增加为:<div class="footer-more-trigger" style="top:-20px;left:auto;padding:0;border:none;" >

top:-20px 是让模块向上移动20像素,所以上面提到为什么要减掉20px就是这个原因

left:auto; 是让模块自动向左

padding:0; 是防止一些浏览器自带padding的间距

border:none; 是防止一些浏览器自带边框

这样应该能够清楚了解了吧?
 
         关于“淘宝如何去掉自定义模块的空白间隙”教程就到这里了,有什么不懂的,可以向广州美迪淘宝美工培训提出疑问,我们会在第一时间内为你解答。
 
广州美迪电商教育——专做网店卖家培训
全方位学习电商知识,全部实操课程边学边做,3-16人小班教学
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
本文地址:http://www.mede.com.cn/share/clipart/361.html
您可能感兴趣
  1. 2018-11-06
  2. 2018-08-30
  3. 2018-08-28
  4. 2018-08-25
  5. 2018-08-23
  6. 2018-08-21
  7. 2018-08-14
  8. 2018-08-09
  9. 2018-08-07
  10. 2018-07-31
在线客服 在线报名