主要是这一行代码img {border:0;vertical-align: bottom;width:100%}

<style type="text/css">
html {
	margin:0;
	padding:0;
	border:0;
}
body,div,span {
	margin:0;
	padding:0;
	border:0;
	font-size:12px!important;;
}
img {vertical-align: bottom;width:100%}
</style>
<div style="text-align:center;position:relative;">
<img src="http://www.mamicode.com/1.gif"  />
<img src="http://www.mamicode.com/2.gif" />
<img src="http://www.mamicode.com/3.gif"  />
</div>

本文出自 “上海蓝蜗网络” 博客，请务必保留此出处http://viqecel.blog.51cto.com/10859227/1859610

ie浏览器下,css 去掉图片之间产生空白行距问题解决