<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>
<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>
img{display:block; float:left;}
</style>
这样可以
img{ float:left;}
</style> 这样就可以了,因为元素如果设置浮动,就已经是块级元素了。
<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>
img{margin: auto 0px;}
</style> try this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">