2017-02-13 42 views
0

我有一个gridview,我试图在每行之间使用CSS添加空白空间。如何在gridview的行之间添加页边距

这不起作用:

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

无论是做这个的:

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

与 “边界崩溃” 瞎搞什么都不做也。

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

回答

1

保证金将无法正常工作表元素,你应该使用borderpadding像下面的代码片段

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

试试这个

table td { 
 
\t border-bottom: solid 20px transparent; 
 
}
<table> 
 
<tr> 
 
\t <td>Content</td> 
 
</tr> 
 
<tr> 
 
\t <td>Content</td> 
 
</tr> 
 
</table>

1

使用填充:

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

哪些GridView控件您使用的?在网格行上尝试“检查元素”,并检查样式是从哪个.css类继承而来的。尝试更改一些参数,如填充/行高并观察这是否可行,并在网格的库CSS中进行更改或使用自定义类将其更改为ovverride。

0

#gridview tr{ 
 
{ 
 

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

 

 
}

0

在规格margin表格单元格被忽略:Link

尝试使用padding

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

使用填充在th和td,

th, td { 
    padding: 15px; 

} 
相关问题