html - 需要在表格中平行显示一行的所有单元格

Question

我想有一个表有一些 <td>在它和这张表中，我有从数据库中获取数据的标签，每次绑定(bind)到它的数据不同时，它们的长度都会改变问题是这些标签在“”中的对齐方式也发生了变化这里是我的一个例子有。

<table>
  <tr>
    <td class="auto-style4"><span style="padding-right:100px">  </span>Full Name:

   <asp:Label ID="lblFullName" runat="server" Text=""></asp:Label>   <span style="padding-right:400px;width:400px;"></span> Address:
      <asp:Label ID="lblTuition" runat="server" Text=""></asp:Label>
    </td>
  </tr>
</table>

这就是我使用的 <span> 之间的间距在它们之间留出间距，现在让我们说 FullName 有一个很大的值 Address: 被推得更远有没有办法我可以有任何值但是这两个的间距不会改变而且我不会'不想使用右浮动作为地址 我希望这些位于表格的中间

预期结果可能是这样的:

有什么帮助吗？

Answer 1

您可以通过将姓名和地址 header 分成两个单独的单元格来实现这一点。这将允许您指定单元格之间的距离，而不管导入数据的长度如何:

td {
  width: 10%;
}

<table>
  <tr>
    <td class="auto-style4">
      </asp:Label>Full Name:
      <asp:Label ID="lblFullName" runat="server" Text="">
    </td>
    <td class="auto-style4">
      </asp:Label>Address:
      <asp:Label ID="lblTuition" runat="server" Text=""></asp:Label>
    </td>
  </tr>
</table>