li里面的img 出现空白的解决方案

网页制作时，在li里面放上img标签，本意是出现这样

但实际是这样了

代码如下

[html]

<div>
<h2><img src="images/index_10.jpg" width="262" height="35" /></h2>
<ul>
<li><a href="#"><img src="images/index_16.jpg" width="262" height="45" /></a></li>
<li><a href="#"><img src="images/index_17.jpg" width="262" height="38" /></a></li>
<li><a href="#"><img src="images/index_18.jpg" width="262" height="38" /></a></li>
<li><a href="#"><img src="images/index_19.jpg" width="262" height="38" /></a></li>
<li><a href="#"><img src="images/index_20.jpg" width="262" height="38" /></a></li>
<li><a href="#"><img src="images/index_22.jpg" width="262" height="38" /></a></li>
<li><a href="#"><img src="images/index_26.jpg" width="262" height="38" /></a></li>
</ul>
<h2><img src="images/index_29.jpg" width="262" height="75" alt="" /></h2>
</div>

[/html]

解决办法

设置一下

.mleft ul {
 font-size:0;}就简单解决了

或者设置 img 的 margin-bottom: -5px也可以解决