jQuery IMAGE Slider - 幻影保证金

Question

<div class="pictures">
    <ul>
        <li>
            <img src="img1.jpg" />
        </li>
        <li>
            <img src="img2.jpg" />
        </li>
        <li>
            <img src="img3.jpg" />
        </li>
    </ul>
</div>

我正在构建一个jQuery IMG滑块，基本的代码细分就是你在上面看到的。我遇到了很多不同的问题，但其中一个问题尤其令人困惑。在每张照片之间似乎有一个部分像素空间（我相信1.5px）......不确定它是否是边距，填充，边框或其他东西。我必须向上或向下动画331.5像素的动画，以便它们正确地放在容器div中。我的一般reset.css不起作用。我将边框，边距，边距宽度和填充都默认设置为0。

这很奇怪。任何想法为什么会发生？或者我如何消除它？

指向实际网页的链接：http://www.ficreates.com/_SiteDemos/PBL/projects.html

Answer 1

这里发生了一些事情。

首先，body {line-height: 1;}继承了ul。摆脱它或覆盖它，如ul {lineheight: 0;}，黑色间距消失。

执行此操作不会调整动画，因此您将不得不修复脚本。

我注意到的一件事是，您正在设置img标记的位置，而不是ul等容器元素。好奇为什么你这样做。通常只需要在容器元素上执行+ =或 - =。如果需要，您可以将ul设置为display: block;。

希望这会有所帮助。如果您有其他问题，请与我们联系。也许以后我可以得到一个完整的例子。