今天在公司遇到了这个问题。图片插在LI中会出现很大的空隙。。下面是来解决这个问题:
问题描述:
在li中加入img会产生空隙,代码如下: <li><img src="A.jpg"/></li> 图片和容器之间会产生一条几个像素的空隙。 如果用 <div><img src="A.jpg"/></div> 就没有这条空隙。 解决的方法是,加入一个样式,如下: img { vertical-align:top; } 这样就可以解决li标签和img标签之间的那条空隙,这在FF和IE6下是可行的,其它的没测试过。
ok..其实是图片属性的问题。我们大家一直在找LI的问题。。嘿嘿。分享给大家