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

 时间:2026-02-16 09:52:54

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;" 就行了。

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

  • 芙蓉羹的做法
  • 腰肌劳损怎么治疗?
  • 盈亮白是什么颜色
  • 什么衣服防晒最好
  • 孩子看动画片能带来什么好处
  • 热门搜索
    扩词是什么意思 淡奶油是什么 丝印是什么 tony老师什么梗 少尉是什么级别 甲状腺是什么 晚安是什么意思 70年属什么生肖 快乐的反义词是什么 梦想是什么