css - 如何在 gridview 的行之间添加边距

Question

我有一个 gridview，我正在尝试使用 CSS 在每行之间添加空白区域。

这行不通:

#gridview tr{
    margin-bottom: 10px;
}

这也不是:

#gridview td{
    margin-bottom: 10px;
}

搞乱“border-collapse”也无济于事。

有人知道如何添加间距吗？

Answer 1

边距在表格元素中不起作用，您应该使用 border 或 padding，如下面的代码片段

table.grid 
{
  border-collapse: collapse; 
}    

table.grid tr 
{
      border: 0px solid white;
      border-width: 20px 0;
}

<table class="grid ">
  <tr>
    <td>
      Row 1
    </td>  
  </tr>  
  <tr>
    <td>
      Row 2
    </td>  
  </tr>   
</table>

您可以像这样在 GridView 中使用它:

<asp:GridView ID="PetGrid" runat="server" CssClass="grid">