这应该是一个简单的问题,但是我很难让html显示我想要的方式...
问题是我的表行之间的空间...我不想我的行之间的空间。我只希望表格看起来像带有黑色边框的电子表格。我正在使用数据列表,并且在数据列表控件的模板中有一个表。我已经搞砸了两个小时,并且尝试了CSS和表属性的一些不同变体。谁能告诉我我要去哪里错了?以下是我当前的标记。
<style type="text/css">
.tdHeader
{
border-color: Black;
border-style: solid;
border-width: 1px;
font-family: Arial;
font-size: 8pt;
margin: 0;
background-color: #DCDCDC;
font-weight: bold;
}
.tdBorder
{
border-color: Black;
border-style: solid;
border-width: 1px;
font-family: Arial;
font-size: 8pt;
margin: 0;
text-align: center;
}
.trNoSpace
{
margin: 0;
padding: 0;
}
</style>
<asp:DataList ID="DataList1" runat="server" DataKeyField="Oid"
DataSourceID="xdsHUDEligibilityMember">
<HeaderTemplate>
<table cellspacing="0" width="600">
<tr class="trNoSpace">
<td class="tdHeader" width="100">Household Member Number
</td>
<td class="tdHeader">Household Member Name
</td>
<td class="tdHeader">Age of Household Member
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="trNoSpace">
<td class="tdBorder">
<asp:Label ID="Label2" runat="server" Text='<%# Eval("Oid") %>' />
</td>
<td class="tdBorder">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("FullName") %>' />
</td>
<td class="tdBorder">
<asp:Label ID="AgeAtEffectiveDateLabel" runat="server" Text='<%# Eval("AgeAtEffectiveDate") %>' />
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
<tr class="trNoSpace">
<td class="tdBorder">
</td>
<td class="tdBorder">
</td>
<td class="tdBorder">
</td>
</tr>
</table>
</FooterTemplate>
最佳答案
首先,我认为您需要使用GridView控件。然后在标记中,确保将cellpadding
和cellspacing
设置为零,然后应用以下CSS ...
table { border-collapse: collapse; }
table tr, table td, table th { border: solid 1px #000; margin: 0; padding: 0; }