解决img标签空隙问题

问题重现：

 

在IE浏览器下img标签有间隔。设置border:none 0 ; 无效。

 

源代码:

 <li class="appraise"> <span class="writerno"> 1388人评论 </span> <span class="scores">评分： <img src="images/book/ico_halfstar.gif" mce_src="images/book/ico_halfstar.gif"/> <img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/> <img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/> <img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/> <img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/> </span> </li>

 

解决方法：

 

img 标签之间不要换行，连着写。

 

修改后代码：

 

 <li class="appraise"> <span class="scores">评分：<img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/><img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/><img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/><img src="images/book/ico_star.gif" mce_src="images/book/ico_star.gif"/><img src="images/book/ico_halfstar.gif" mce_src="images/book/ico_halfstar.gif"/></span> <span class="writerno">1388人评论</span> </li>

 

效果：