您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (javascript)无缝轮播图 图片之间的空隙为什么去不掉

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

来源:网络整理     时间:2016/5/10 13:39:46     关键词:为什么,图片

关于网友提出的“(javascript)无缝轮播图 图片之间的空隙为什么去不掉”问题疑问,本网通过在网上对“(javascript)无缝轮播图 图片之间的空隙为什么去不掉”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:(javascript)无缝轮播图 图片之间的空隙为什么去不掉
描述:

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

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

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


解决方案1:

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

解决方案2:

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

解决方案3:

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

解决方案4:

一般会有2个问题引起:

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

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

解决方案5:

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


以上介绍了“(javascript)无缝轮播图 图片之间的空隙为什么去不掉”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1008272.html

相关图片

相关文章