javascript - 表中 Tr 的最高 margin

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>