淘宝模块间隙去除怎么操作?图文流程

  很多卖家在进行店铺装修的时候,使用自定义模块做好一部分页面的时候,会出现模块上下产生间距的情况,如果你想要掌握去除间隙的方法,那就一定要跟随开淘小编去看看下面的这一篇文章哦!

  解决的方法很简单,直接对照改就行了!首先,进入淘宝装修页面点击对应模块的“编辑”按钮!

淘宝模块间隙去除怎么操作?图文流程

  进去之后点击“源码”的小图标

淘宝模块间隙去除怎么操作?图文流程

  进去之后全是淘宝店铺装修代码,但不要怕,我们只要改一打开后的两个小地方,就是这两个地方!

淘宝模块间隙去除怎么操作?图文流程

  首先,我们把第一行的 height 减去20px(小编这里是499,所以改成479)

  其次,找到第四行的 top 写成 -20px(小编这里是auto,写成 -20px)

  注:可能有很多地方都有top这个单词,其他不管,就只要改靠近尖括号的地方,一般会出现在第四行,有差别也是少数。

  改好后点击 左下角 的“确定”

淘宝模块间隙去除怎么操作?图文流程

  然后,点击“发布站点”

淘宝模块间隙去除怎么操作?图文流程

  点击“确定”即可

淘宝模块间隙去除怎么操作?图文流程

  最后,页面间距没有了!

  淘宝模块之间的缝隙是淘宝系统默认存在的。如果想自己去掉空白间隙的话,就必须要用到代码。

  例如:

淘宝模块间隙去除怎么操作?图文流程

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

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

  再加上一段控制模块属性的代码:top:-20px;left:auto;padding:0;border:none;,这段代码加到style=""内,假如有些学员的代码是

  这种类型,那么就要增加为:

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

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

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

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

  这样应该能够清楚了解了吧?

  按照上面的步骤去进行操作,就可以轻松的解决模块间隙的问题啦!想要更加方便快捷,可以寻找一些实用的装修代码哦!如果你在进行店铺装修的过程中遇到了任何问题,欢迎上开淘网搜寻问题的答案哦~

  相关推荐:

  手机淘宝店铺装修教程:图文模块使用技巧

  手机淘宝店铺首页装修gif动图怎么设置?

  淘宝手机详情页gif图片如何添加?

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

淘宝的自定义页面能放几个模块?答案在这里!

2023-7-18 11:06:16

装修经验

淘宝自定义招牌怎么做?实用的代码分享

2023-7-18 11:06:50

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索