html - 纯CSS slider 左边距增加

Question

我正在为一个 uni 元素开发一个站点，并且我只使用 css 构建了一个自动更改的 slider (这个元素的要求是我不使用任何其他东西)。我遇到的问题是，当幻灯片发生变化时，左边距开始加起来，我不明白为什么。

我曾尝试制作一个仅包含 slider 工作所需的 html 和 css 的页面，并且它在那里可以正常工作，但当合并到我的主 css 页面时却无法正常工作。

如有任何指点，我们将不胜感激!

可以在该网站上看到的是 http://www.darkmatter-designs.com/

Answer 1

如您所见，图像之间有一些边距，这使得它们的宽度实际上变大了一点。我看到你在你的 css 中应用了重置，所以这可能来自你的 html 中的空白。一个快速的解决办法是把所有的 li和 img在一行中，它们之间没有空格或回车符，如下所示:
<ul id="css-slider"><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_108.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_62.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_59.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_66.jpg" alt="slider"></li></ul>

我知道，这很奇怪。