html - 图像 slider 中 div 之间的神秘差距

Question

我今天构建了一个快速的 jQuery 图像 slider ，但是有一个问题。位于 div 内的图像之间有一个间隙，使它们发生偏移。

我在这里隔离了问题:http://jsfiddle.net/UgzsH/

float: left; 消除了这个间隙，但显然由于它们所在的元素，它们垂直堆叠。

不幸的是，在这台电脑上我只能在 Firefox 中进行测试。感谢您的帮助。

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

Answer 1

float 是消除间隙的方法，但最后一个 float 的元素正在掉落，因为容器太小了。你得到差距的原因是因为 display: inline 元素彼此保留了你从标记本身获得的空白 - 如果你删除空白(意味着换行符)你会注意到差距消失了。这使您的标记更难看，或者当然，因此您为什么使用 float 代替。使包含的 div 更宽，它们将适合。