无缝轮播图 图片之间的空隙为什么去不掉

Question

如图所示，图片之间始终存在空隙，上面是css代码，请问这是什么原因造成的？

Answer 1

是因为标签之间有空白字符造成的。
解决办法有很多，margin负值、font-size:0等等
具体可以看一下这篇博客，介绍的很详细。
http://www.zhangxinxu.com/wordpress/2012...

Answer 2

两个标签之间有空白字符。删了就好了

Answer 3

一般会有2个问题引起：

1. 使用inline-block元素包裹，导致出现几像素位移，解决办法：.box { font-size:0; }，或者 .item { float:left; }

2. 没有元素包裹，直接图片靠着图片，也会出现几像素位移，解决办法：img { vertical-align:middle; }

Answer 4

标签之间的空隙可以用注释去掉，当然这个办法很土。

Answer 5

由于图片引起的，如果把图片变成块级的就不会再有空隙了