<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图片下面空隙问题</title>
<style>
.box{border:10px solid #000;background:Red;}
img{ vertical-align:top;} /*清除图片下面的间隙*/
</style>
</head>
<body>
<div class="box">
<img src="img/pic.jpg" /><img src="img/pic.jpg" /><img src="img/pic.jpg" />
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图片下面空隙问题</title>
<style>
.box{border:10px solid #000;background:Red;}
img{ vertical-align:top;} /*清除图片下面的间隙*/
</style>
</head>
<body>
<div class="box">
<img src="img/pic.jpg" /><img src="img/pic.jpg" /><img src="img/pic.jpg" />
</div>
</body>
</html>