有没有办法把图片之间的空隙去掉

<div>
<img src="http://img1.qq.com/news/pics/17522/17522502.jpg"/>
<img src="http://img1.qq.com/news/pics/17515/17515126.jpg"/>
<img src="http://img1.qq.com/news/pics/17515/17515135.jpg"/>
<img src="http://img1.qq.com/news/pics/17515/17515141.jpg"/>
<img src="http://img1.qq.com/news/pics/17522/17522502.jpg"/>
</div>
就是把图片之间的空隙去掉,但是不能改变让代码的变的拥挤了
就象下面那样,可以把空隙去掉,但是自己都不要查看了.<div>
<img src="http://img1.qq.com/news/pics/17522/17522502.jpg"/><img src="http://img1.qq.com/news/pics/17515/17515126.jpg"/><img src="http://img1.qq.com/news/pics/17515/17515135.jpg"/><img src="http://img1.qq.com/news/pics/17515/17515141.jpg"/><img src="http://img1.qq.com/news/pics/17522/17522502.jpg"/>
</div>

解决方案 »

  1.   

    <style>
    img{display:block; float:left;}
    </style>
    这样可以
      

  2.   

     <style> 
    img{ float:left;} 
    </style>  这样就可以了，因为元素如果设置浮动，就已经是块级元素了。
      

  3.   

    为什么我总是试不出来了 他们总是有空隙！~
    <div>
    <img src="http://img1.qq.com/news/pics/17522/17522502.jpg" style="display:block ; float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515126.jpg" style="display:block; float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515135.jpg" style="display:block; float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515141.jpg" style="display:block; float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17522/17522502.jpg" style="display:block; float:left;" border="1"/>
    </div>
    <div style=" clear: left">
    <img src="http://img1.qq.com/news/pics/17522/17522502.jpg" style="float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515126.jpg" style="float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515135.jpg" style="float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17515/17515141.jpg" style="float:left;" border="1"/>
    <img src="http://img1.qq.com/news/pics/17522/17522502.jpg" style="float:left;" border="1"/>
    </div>
      

  4.   

    <style> 
    img{margin: auto 0px;} 
    </style> try this
      

  5.   

    明白了 没加
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">