doctype html标签正在向表中添加垂直单元格间距

时间:2016-04-02 18:17:55

标签: html css html5

我有一个有0个单元格间距和填充的表格,并且完美匹配。

当我添加:

<!DOCTYPE html> 

添加了一堆垂直单元格间距,抛弃了设计。

我为bodyhtml标记添加了100%的高度,就像这篇帖子所说:Make div 100% height of browser window

但这没有帮助。

这是我的HTML:

<!DOCTYPE html>
<html style="height:100%; min-height: 100% !important;">

<head>




</head>

<body style="height:100%; min-height: 100% !important;">

  <table id="Table_01" width="300" height="300" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="3">
        <img src="images/test_01.png" width="300" height="22" alt="">
      </td>
    </tr>
    <tr>
      <td width="139" height="258" rowspan="2" bgcolor="#FFFFFF">Test</td>
      <td rowspan="3">
        <img src="images/test_03.png" width="12" height="278" alt="">
      </td>
      <td width="149" height="121" bgcolor="#000000">
        <img src="images/spacer.gif" width="149" height="121" alt="">
      </td>
    </tr>
    <tr>
      <td width="149" height="137">
        <img src="images/spacer.gif" width="149" height="137" alt="">
      </td>
    </tr>
    <tr>
      <td>
        <img src="images/test_06.png" width="139" height="20" alt="">
      </td>
      <td>
        <img src="images/test_07.png" width="149" height="20" alt="">
      </td>
    </tr>
  </table>

</body>

</html>

如何在没有间距或填充的情况下渲染此表?

0 个答案:

没有答案