html5 td中的5它空隙--待解决

最新推荐文章于 2022-07-13 19:56:01 发布

xiaozhen0610

最新推荐文章于 2022-07-13 19:56:01 发布

阅读量334

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_hj01kkihjj2j.html

版权

前端专栏收录该内容

844 篇文章 0 订阅

订阅专栏

这是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>