两图片之间的的缝隙<img src=" " alt="" />

解决这种问题其实有很多种办法,那我随便介绍几种;

a:img标签本身是个行内元素，所以当多个img排在一起时，它们之间如果有回车换行或者空格就会形成空隙，比如







改成下面这样就没有空隙了







或者也可以把img改为块级元素，再利用浮动，也可以去掉空隙：







注意:每个img都要加浮动哦,要不然无效果,我以前就是只加一个,浪费好多时间;

b:有些情况是这样:img{vertical-align:top; display:block}

l1 {float:left;background:#000;}

l1 ul li {list-style:none;padding:0;margin:0}

img {vertical-align:bottom; display:block;}