商品详情大图

郑州淘宝运营培训淘宝如何去除自定义模块的空白间隙?

及时发货 交易保障 卖家承担邮费

商品详情

  郑州淘宝运营培训淘宝如何去除自定义模块的空白间隙?
  广州美迪淘宝美工培训在前段时候就说过这个间隙的问题,就是去样式管理那里关闭页头下距10像素。但是这个方法只是去掉导航和招牌的距离,这个应该还记得吧?忘记的可以看看以下的图片教程:
  淘宝如何去除自定义模块的空白间隙
  我们今天教的可能与这个不一样,需要有点代码的基础,下面就直入主题吧!!淘宝模块之间的缝隙是淘宝系统默认存在的。如果想自己去掉空白间隙的话,就要用到代码。
  例如:
  <div style="height:200px;">
  <div style="margin:0 auto;width:950px;height:200px;">
  <a target="_blank"><img src=" !!407196972.jpg" /></a>
  </div>
  </div>
  修改后:
  <div style="height:180px;">
  <div class="footer-more-trigger" style="margin:0 auto;width:950px;height:200px;top:-20px;left:auto;padding:0;border:none;">
  <a target="_blank"><img src=" !!407196972.jpg" /></a>
  </div>
  </div>
  注释:
  淘宝如何去除自定义模块的空白间隙?
  我们可以很清楚的看到红框中的就是修改和增加的部分,原来自定义模块的高度是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; 是防止一些浏览器自带边框
  这样应该能够清楚了解了吧?
  关于“淘宝如何去掉自定义模块的空白间隙”教程就到这里了,有什么不懂的,可以向广州美迪淘宝美工培训提出疑问,我们会在时间内为你解答。郑州清新教育提供:郑州室内设计培训,郑州平面设计培训,郑州网页设计培训,郑州办公文秘培训,郑州模具设计培训,郑州淘宝培训,郑州seo培训,郑州动漫设计培训,郑州ui培训,郑州php培训。欢迎大家前来参观学习。
郑州清新教育培训学校地址:郑州市东风路与文化路交叉口向西200米路北汇宝大厦5楼501(电子大厦对面汇宝大厦)
联 系 人:徐老师
郑州清新教育网站:

下一条:垃圾分类亭--物尽其用
郑州淘宝培训郑州清新电子商务有限公司为你提供的“郑州淘宝运营培训淘宝如何去除自定义模块的空白间隙?”详细介绍
郑州淘宝培训郑州清新电子商务有限公司
主营:郑州淘宝培训,郑州淘宝网店培训,郑州开淘宝店培训,郑州电商培训班
联系卖家 进入商铺

郑州淘宝美工培训信息

进店 拨打电话 微信