zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    vue hover如何触发事件?
    防止 window.open 被拦截
    input输入框change和blur事件区别
    神马?使用JS直接上传并预览粘贴板的图片?
    删除设备与驱动器中百度网盘图标
    枚举类字典代码 草稿
    中文转换成阿拉伯数字
    Java对象与类中的一个小练习
    正向代理和反向代理
    MySQL教程126-MySQL事务隔离级别
  • 原文地址:https://www.cnblogs.com/cssfirefly/p/2739419.html
Copyright © 2011-2022 走看看