0 
<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.5 像素）......不确定它是边距、填充、边框还是其他东西。我必须将照片 331.5px 向上或向下设置动画，以便它们正确地放置在容器 div 内。我的一般 reset.css 不起作用。默认情况下，我将边框、边距、边距宽度和填充都设置为 0。

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

链接到实际页面： http ://www.ficreates.com/_SiteDemos/PBL/projects.html

4

1 回答 1

1

这里发生了几件事。

首先是body {line-height: 1;}由你的ul. 摆脱它或覆盖它，例如ul {lineheight: 0;}黑色间距消失了。

这样做不会对齐您的动画，因此您将不得不修复您的脚本。

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

希望这可以帮助。如果您还有其他问题，请告诉我。也许稍后我可以得到一个完整的工作示例。

于 2012-08-10T18:06:21.630 回答