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>
  • 相关阅读:
    高通Android分区表详解
    LC 871. Minimum Number of Refueling Stops 【lock, hard】
    LC 265. Paint House II
    Horovod 通信策略
    LC 351. Android Unlock Patterns
    LC 957. Prison Cells After N Days
    解析java泛型(二)
    解析java泛型(一)
    全面理解java异常机制
    java基础之继承(二)
  • 原文地址:https://www.cnblogs.com/cssfirefly/p/2739419.html
Copyright © 2011-2022 走看看