解决这种问题其实有很多种办法,那我随便介绍几种;
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;}