淘宝美工:怎么解决切片和首页大图之间的空隙?

2025-11-02 07:23:17

1、首页宽屏大图做好后,图片与图片之间有一条白色的空隙。亲,请忽略本文所用的图片,只是范例,图片素材来自百度搜索。

淘宝美工:怎么解决切片和首页大图之间的空隙?

2、点击图片右上角的编辑按钮,打开代码框,点编辑源代码,可以看到<div style="height:540px;">和height:540px,这里只需要把高度减小到适合高度就可以了,一般减小20px,我这里是改成520px就行了。

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

3、2处地方改成520px,然后点击确定,可以预览首页看到,空隙白条已经没有了。

淘宝美工:怎么解决切片和首页大图之间的空隙?

1、 如若上面的方法没有效果,大家可以试一下第二种方法,每张图向上移动-10到-20像素,直接将代码:top:auto   改为top:-20px,以此类推多-10像素,基本上第一条缝是top:-20px,第二条缝是top:-30px,第三条缝是top:-40px,大家可以多试一下

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

淘宝美工:怎么解决切片和首页大图之间的空隙?

1、有些切片竖切的,图片之间也会有空隙白条,只需在写好的代码中查找<img 替换成<img style="display:block;" 就行了。

这方法可以解决大部分的白条问题。大家可以试一下。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:189
  • 阅读量:154
  • 阅读量:192
  • 阅读量:103
  • 阅读量:57
  • 猜你喜欢