表中 Tr 的最高边距答案

【问题标题】：Top Margin for Tr present in the Table表中 Tr 的最高边距
【发布时间】：2018-08-17 18:32:15
【问题描述】：

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

我已尝试使用以下代码 sn-p:

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

【问题讨论】：

【解决方案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>

【讨论】：

Month	Savings
January td>	$100
二月	$80

【解决方案2】：

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

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

【讨论】：