在li中加入img会产生空隙,代码如下:
<li><img src="A.jpg"/></li>
图片和容器之间会产生一条几个像素的空隙。
如果用 <div><img src="A.jpg"/></div> 就没有这条空隙。
解决的方法是,加入一个样式,如下:
img { vertical-align:top; }
这样就可以解决li标签和img标签之间的那条空隙,这在FF和IE6下是可行的,其它的没测试过。
在li中加入img会产生空隙,代码如下:
<li><img src="A.jpg"/></li>
图片和容器之间会产生一条几个像素的空隙。
如果用 <div><img src="A.jpg"/></div> 就没有这条空隙。
解决的方法是,加入一个样式,如下:
img { vertical-align:top; }
这样就可以解决li标签和img标签之间的那条空隙,这在FF和IE6下是可行的,其它的没测试过。