Asp.net 表行之间的间距

这应该是一个简单的问题，但我很难让html以我想要的方式显示

问题是我的表行之间的空间…我不想要我的行之间的空间。我只是希望我的表格看起来像一个有黑色边框的电子表格。我使用的是datalist，datalist控件的模板中有一个表。我已经处理这个问题好几个小时了，我已经尝试了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>

.tdHeader
{
边框颜色：黑色；
边框样式：实心；
边框宽度：1px；
字体系列：Arial；
字号：8pt；
保证金：0；
背景色：#DCDC；
字体大小：粗体；
}
.tdBorder
{
边框颜色：黑色；
边框样式：实心；
边框宽度：1px；
字体系列：Arial；
字号：8pt；
保证金：0；
文本对齐：居中；
}
.trNoSpace
{
保证金：0；
填充：0；
}
家庭成员号码
家庭成员姓名
家庭成员的年龄

---

我相信您正在寻找：

 border-collapse: collapse;

---

它将相邻的边界折叠为一个。

尝试将DataList CellPadding和CellSpacing属性设置为零。

对于解决这些问题非常方便。

首先，我认为您需要使用该控件。然后在标记中，确保将

单元格填充

和

单元格间距

设置为零，然后应用以下CSS

table { border-collapse: collapse; }
table tr, table td, table th { border: solid 1px #000; margin: 0; padding: 0; }

---

GridView渲染为表格，为了简化间距，请更改表格列之间的填充。首先为GridView创建一个主css名称：

然后在css中，根据需要更改表格列的填充：

`.MyGridView{
border: none;

}

 .MyGridView tr{
  text-align: left;
  vertical-align: top;

 }

.MyGridView td{
  vertical-align: top;
 padding-bottom: 100px;

  }`

---

这很方便，我让示例表按我所希望的方式显示，但当我将css应用于标记时，它并没有解决问题。不过还是要谢谢你。虽然我不能在数据列表中使用它会让我感到困扰，但我应该首先考虑使用gridview。这很有效，谢谢。@AGoodDisplayName我想你也许可以用它来处理一个数据列表，但这是一个更合适的解决方案，是的，我想它最终可以解决它，但它值多少时间呢？再次感谢。