当前位置：首页 → 问答吧 → IE6下如何做到表格第一行0行高

IE6下如何做到表格第一行0行高

时间：2011-07-04

来源：互联网

如下代码，在IE6、IE7上，第一行还是会显示出来，虽然很小
其他浏览器虽然也是显示出来了，但基本上和第2行重叠了
如果把TABLE标签的border设置为0，然后每个TD都设置border的话，在IE6、IE7上倒是可以实现“0行高”，但不想修改这个属性...还有其他方法吗？？

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>new page</title>
    <style type="text/css">
      <!--
      html,* {margin:0px; padding:0px;}
      table { border-collapse:collapse; table-layout:fixed; }
      td {padding: 0px 3px; text-align:left; }
      .firstRow { height:0px; }
      .firstRow td { height:0px; }
      -->
    </style>
  </head>
  <body>
    <table border="1" borderColor="#000000">
      <tbody>
        <tr class="firstRow">
          <td style="width:100px;"></td>
          <td style="width:100px;"></td>
          <td style="width:100px;"></td>
          <td style="width:100px;"></td>
        </tr>
        <tr>
          <td>abc</td>
          <td>abc</td>
          <td>abc</td>
          <td>abc</td>
        </tr>
        <tr>
          <td>abc</td>
          <td>abc</td>
          <td>abc</td>
          <td>abc</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>