表中存在Tr的最高保证金

Question

有没有其他方法可以为表格中的tr设置边距（顶部）？

我尝试使用以下代码段：

<tr style="margin-top:30px">
    <td style="margin-top:30px">January</td>
    <td style="margin-top:30px">$100</td>
</tr>

Answer 1

一种可能性是在tr元素中添加一个类，需要该边距并在.css文件中定义规则。但是我建议设置padding-top。

<强> CSS：

tr.sample > td
{
  padding-bottom: 30px; <!--or padding-top -->
}

<强> HTML

<tr class="sample">
    <td>January</td>
    <td>$100</td>
</tr>
<tr class="sample">
     //....
</tr>

Answer 2

margin属性不适用于表格行或表格单元格。

结论取决于您使用它们的原因。要在单元格内容上方创建空白区域，可以使用padding-top，但填充与边距不同 - 例如，单元格的顶部边框将显示在其顶部填充上方。