Question

我有一个HTML表格，它有一些列宽，高200行。我需要设置这个表的样式，使它只有200px高。也就是说，每行需要高1px。我已尝试在CSS中设置样式，但表格仍然显得过高。然而，在Chrome中，它似乎正在萎缩，只有Firefox和Safari（我到目前为止都测试过它）它不起作用。我需要删除一些默认样式吗？这是我到目前为止的代码：

td {
    height: 1px;
    padding: 0px;
    margin: 0px;
}

tr {
    height: 1px; 
    padding: 0px;
    margin: 0px;
}

提前致谢！

Answer 1

试试这个

https://jsfiddle.net/kokilajs/o120u274/

    <table style="border-spacing:0px; width:100%">

      <tr>
        <td></td>
        <td></td> 
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td> 
        <td></td>
      </tr>

    </table>

<强>式

td{
    height: 1px;
    padding: 0px;
    margin: 0px;
}

tr {
    height: 1px; 
    padding: 0px;
    margin: 0px;
}
tr:nth-of-type(even) td{
    background-color:#AAA;
}
tr:nth-of-type(odd) td{
    background-color:#A0A;
}

我认为这可能与您的问题相符！

CSS表格单元格/行高低于1px？

1 个答案: