javascript - 表中 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

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

结论取决于你为什么要使用它们。要在单元格内容上方创建空白空间，您可以使用padding-top，但填充与边距不同 - 例如，单元格的顶部边框将出现在其顶部填充的上方。

Answer 2

一种可能性是向您的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>