用CSS消除图片之间的缝隙
2012-05-20 05:44
701 查看
使用 CSS编排多张图片时,在图片下方有时会产生几个像素的缝隙~ 如下图所示:
![](http://my.csdn.net/uploads/201205/20/1337464024_3414.jpg)
解决方法:
只要在 CSS 中为图片定义以下规则:
使用后的结果~ 如下图所示:
![](http://my.csdn.net/uploads/201205/20/1337464028_8511.jpg)
参考:http://www.cnblogs.com/wolongxzg/archive/2010/03/10/1683030.html
![](http://my.csdn.net/uploads/201205/20/1337464024_3414.jpg)
解决方法:
只要在 CSS 中为图片定义以下规则:
img { outline-width:0px; vertical-align:top; }
使用后的结果~ 如下图所示:
![](http://my.csdn.net/uploads/201205/20/1337464028_8511.jpg)
参考:http://www.cnblogs.com/wolongxzg/archive/2010/03/10/1683030.html
相关文章推荐
- CSS图片之间间隔消除办法
- css图片与图片之间总是会存在缝隙
- div+css ie6图片之间有间隙的问题
- css 图片有间隔多个Img标签之间的间隙
- div图片之间有缝隙,display:block
- 两图片之间的的缝隙<img src=" " alt="" />
- h5中图片之间的缝隙解决方法
- html+css+JavaScript图片之间的转换
- CSS 布局4(贴在下方、块之间的空格、显示图片一部分、练习)
- 用css margin去掉横排图片之间的间距
- css 图片有间隔多个Img标签之间的间隙
- css 去掉两个图片之间间隔
- ie浏览器下,css去掉图片之间产生空白行距问题解决
- HTML中关于图片与图片之间的缝隙问题
- ie浏览器下,css 去掉图片之间产生空白行距问题解决
- 图片之间边距消除
- CSS-图片之间不留空隙
- 消除被两个<p>标签包含的<img> 之间的缝隙
- css解决图片之间的空隙问题
- 盒子div与图片img之间的缝隙解决方法