如何在gridview

Question

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

这不起作用：

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

这两个都没有：

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

与“边界崩溃”混淆也没有任何作用。

任何人都知道如何添加间距？

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">

Answer 2

使用填充：

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

Answer 3

在th和td中使用填充，

    th, td {
    padding: 15px;

}

Answer 4

试试这个

table td {
	border-bottom: solid 20px transparent;
}

<table>
<tr>
	<td>Content</td>
</tr>
<tr>
	<td>Content</td>
</tr>
</table>

Answer 5

您使用的是哪个gridview？尝试在网格行上“检查元素”，并检查样式继承的.css类。尝试更改一些参数，如填充/行高，并观察它是否有效并在网格库css中进行更改或使用自定义类对其进行更改。

Answer 6

#gridview tr{
{

  height: 18px;text-align: left;font-weight: bold;color:white;padding: 5px 6px 2px;border-bottom: 2px solid #666666;white-space: nowrap;


}

Answer 7

在表格单元格中忽略规范margin：Link

尝试使用padding

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