Javascript 缩略图滚动中图像之间/之后的间隙较大

通过使用jQuery“Any List Scroller”，我已经将其添加到我的站点中，但是一些图像之间似乎总是有很大的差距，本示例链接的前4个显示良好，但是滚动（按缩略图右下角的灰色btn/图像），您将看到差距开始出现

看不出有什么直接的原因。有什么想法吗？这些容器不会比我能看到的任何类型的利润都要大

实时网址：

---

因为您的顶级容器div的id为“demo2”

div中的所有元素都使用css文件的“#demo2”部分而不是通用样式部分进行样式设置

例如，als项现在从“#demo2 als项{”项获得100px的宽度（太宽）

共有4个缩略图，四个缩略图的宽度仅为300px。缩略图设置为72px，但“li”元素为100px

---

数学有问题。

尝试对样式表进行这些更改

div#content #details-2 #product .product-select {
    height: 72px;
    width: 72px;
} 

#demo2 .als-item {
    margin: 0;
    min-height: 72px;
    min-width: 72px;
    padding: 0;
}

---

查看生成的源代码，您将希望使UL direct子元素成为有效的列表项元素，而不是您当前拥有的：

ul > div > a > li

实际上应该是：

ul > li > a > span

我把div换成了span，因为你不应该在内联元素（a）中插入块级元素（li）。嵌套的顺序已经改变，以确保锚内的所有内容都是可点击的

---

当您做了这些更改后，让我们看看它会带来什么。=）

不是内联元素，但

是。否则，HTML结构很好。感谢您指出这个输入错误。它现在已被更正。=）您是说块元素

不能插入
？我是指嵌套生成的HTML的嵌套应该是：ul>li>a>span是的，是的。但是您键入的
s非法嵌套在
s中。但是
s没有嵌套在
s中。嵌套在
中的是
s
<div class="als-container product-thumb-carousel" id="demo2">

div#content #details-2 #product .product-select {
    height: 72px;
    width: 72px;
} 

#demo2 .als-item {
    margin: 0;
    min-height: 72px;
    min-width: 72px;
    padding: 0;
}

ul > div > a > li

ul > li > a > span