图像滑块中div之间的神秘差距

Question

我今天构建了一个快速的jQuery图像滑块，但是有一个问题。 div中的图像在它们之间有间隙，抵消了它们。

我在这里已经解决了这个问题：http://jsfiddle.net/UgzsH/

float: left;摆脱了这个差距，但显然是因为它们所处的元素，它们是垂直堆叠的。

不幸的是，从这台电脑我只能在Firefox中测试。谢谢你的帮助。

测试用例使用http://placekitten.com/。

Answer 1

这是因为在您的HTML中，div和div之间有空格。尝试将所有图像和div放在HTML的一行中，标签之间没有空格。没有空格！

希望这会有所帮助并祝你好运！

编辑：这是updated code。它看起来有点乱，但是再也没有空格了！

Answer 2

浮动是你如何摆脱差距，但最后一个浮动元素正在下降，因为容器太小。你得到差距的原因是因为display: inline的元素彼此保留了从标记本身获得的空白 - 如果删除空格（意思是换行符），你会发现间隙消失了。这使得你的标记更加丑陋，或者当然，这就是你使用float的原因。让你的包含div更宽，它们都适合。