display: inline-block
2. 如果图片需要以block显示,那么就麻烦点:
<div>
<style type="text/css">
img{margin:0pxpadding:0pxdisplay:blockfloat:left}
</style>
<img src="20120601165649_4.jpg"/>
<img src="20120601172023_4.jpg" style="margin-left: 10px"/>
<img src="20120601172645_4.jpg" style="margin-left: 10px"/>
</div>
3. 如果你的图片还有超链接,那么还有第三种情况了,需要给img标签添加border:0属性,不然的话,在IE下会出现蓝色边框:
<style type="text/css">
img{margin:0pxpadding:0pxdisplay:blockfloat:leftborder:0px}
</style>
<a href=""><img src="20120601165649_4.jpg"/></a>
<a href=""><img src="20120601172023_4.jpg" style="margin-left: 10px"/></a>
<a href=""><img src="20120601172645_4.jpg" style="margin-left: 10px"/></a>
</div>