li中插入img图片间有空隙的解决方案

robot

存ュ峰img{vertical-align:bottom; display:block}

褰跺ㄦ浜典,姣濡瑕涓涓剧,涓涓,涓寸剧涓鸿扮ㄦ规,涓剧绌洪娌′,涓涓涓磋瀛规寰绠,vertical-align:bottom规top,规繁扮涓垫ヨvertical-align/P>

规涓锛

浠ｇ濡涓:

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>

规浜锛璁剧疆瀹瑰ont-size:0(涓汉璁や负杩绉规濂斤锛锛)

来源：http://www.jb51.net/article/50190.htm