如何在gridview的行之间添加页边距
问题描述:
我有一个gridview,我试图在每行之间使用CSS添加空白空间。如何在gridview的行之间添加页边距
这不起作用:
#gridview tr{
margin-bottom: 10px;
}
无论是做这个的:
#gridview td{
margin-bottom: 10px;
}
与 “边界崩溃” 瞎搞什么都不做也。
任何人都知道如何添加间距?
答
保证金将无法正常工作表元素,你应该使用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">
答
试试这个
table td {
\t border-bottom: solid 20px transparent;
}
<table>
<tr>
\t <td>Content</td>
</tr>
<tr>
\t <td>Content</td>
</tr>
</table>
答
使用填充:
#gridview td{
padding-bottom: 10px;
}
答
哪些GridView控件您使用的?在网格行上尝试“检查元素”,并检查样式是从哪个.css类继承而来的。尝试更改一些参数,如填充/行高并观察这是否可行,并在网格的库CSS中进行更改或使用自定义类将其更改为ovverride。
答
#gridview tr{
{
height: 18px;text-align: left;font-weight: bold;color:white;padding: 5px 6px 2px;border-bottom: 2px solid #666666;white-space: nowrap;
}
答
使用填充在th和td,
th, td {
padding: 15px;
}