li中插入img图片间有空隙的解决方案
更新时间：2014年05月16日 10:23:35 作者：
在li中纯放图片img,出现的bug是图片之间有3px的间隙,给li加高度也无效,解决图片间有空隙方法如下:
直接加样式img{vertical-align:bottom; display:block}
当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成top,可根据自己遇到的不同情况来设vertical-align的参数
方法一：
复制代码 代码如下:
img{vertical-align:top; display:block}
复制代码 代码如下:
<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>
方法二：设置容器font-size:0(个人认为这种方法最好！！！)
相关文章
XHTML标准的版本...2006-09-09
说到position，稍微对css了解的能马上说出四个属性值：static 、relative、absolute、fixed。更深一步去讨论，牵扯出诸如上文提到的normal flow、containing block、bfc、margin collapse，base line，有多少人能很好的回答完整呢，所以在此做一个自己的总结归纳。2021-05-05
块元素block element和内联元素inline element
块元素block element和内联元素inline element...2006-09-09
本文详细总结了HTML的相关知识点，有助于大家初步的学习或之后的复习，感兴趣的小伙伴一起来看看吧，可以参考一下2021-08-08
网页设计中色彩搭配的内涵...2006-09-09
像table一样布局div...2006-09-09
[红色]一个导航条布局的简单写法...2006-09-09
本文介绍了CSS中的各类居中方式，8种方式的实现方法讲解的很详细，还配有对应的效果图,需要的朋友可以参考下2015-07-07
本文主要讲述一下CSS伪元素before和after的各种妙用，对此感兴趣的同学，可以参考下。2021-05-05
最基本的几种 CSS 文字滤镜效果...2006-08-08
最新评论