html5 td中的5它空隙--待解决
这是html5的bug吗？
td中的图片下有5px空隙，文字没有。
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<style type="text/css">
*{margin:0;padding:0;}
</style>
<table cellpadding="0" cellspacing="0">
<tr>
<td><div style="background:#ccc;">下面有5px空隙</div></td>
</tr>
<tr>
<td><div style="background:#ccc;">下面有5px空隙</div></td>
</tr>
<tr>
<td><div style="background:#ccc;">下面有5px空隙</div></td>
</tr>
<tr>
<td><div style="background:#ccc;">下面有5px空隙</div></td>
</tr>
</table>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_01.jpg" width="980" height="201" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_02.jpg" alt="" width="980" height="176" border="0" usemap="#Map"></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_03.jpg" width="980" height="166" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_04.jpg" width="980" height="457" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_05.jpg" width="980" height="448" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_06.jpg" width="980" height="231" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_07.jpg" width="980" height="186" alt=""></td>
</tr>
<tr>
<td><img src="http://hd.yidianda.com/zt/201210/25/images/4_08.jpg" width="980" height="224" alt=""></td>
</tr>
</table>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2012-10-25 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读