Question

没有像CellPadding或CellSpacing这样的属性可以为我完成此任务，当我尝试将css添加到网格tr以更改顶部和底部边距时，它们将被忽略。如何在gridview中的每个生成的行之间添加一点间距？

Answer 1

保证金不适用于table元素，使用padding或类似下方示例，在tr上设置顶部和/或底部边框

table {
  border-collapse: collapse; 
}
td {
  background: gray;
}
tr {
  border: 0px solid white;
  border-width: 10px 0;
}

<table>
  <tr>
    <td>
      Hello there
    </td>  
  </tr>  
  <tr>
    <td>
      Hello there
    </td>  
  </tr>  
  <tr>
    <td>
      Hello there
    </td>  
  </tr>  
</table>

Answer 2

您也可以使用

实现此目的

border-collapse: separate;
border-spacing: 0 10px;

片段

table.grey-theme {
    border-collapse: separate;
    border-spacing: 0 10px;
  margin: 50px;
}

table.grey-theme td {
  border: solid #777 1px;
  padding: 5px;
}

<table class="grey-theme">
  <tr>
    <td>Dogs</td>
    <td>10</td>
  </tr>
  <tr>
    <td>Cats</td>
    <td>20</td>
  </tr>
  <tr>
    <td>Parrots</td>
    <td>30</td>
  </tr>
</table>

在asp:GridView中使用

<asp:GridView ID="PetGrid" runat="server" CssClass="grey-theme">

如何在asp.net gridview中添加行顶部和底部边距？

2 个答案: