需要在表格中显示行中所有行的单元格

时间:2017-12-07 16:48:20

标签: html css html-table

我正在尝试在其中有一个<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>的表,并且在此表中我有从数据库获取数据的标签,并且每次数据绑定到它时它们的长度都会发生变化,问题是对齐这些标签在&#39;&#39;这里的变化也是我所拥有的一个例子。

&#13;
&#13;
<span>
&#13;
&#13;
&#13; 这就是它在我使用E2之间的间距,以便在它们之间给出间距,现在当我们说FullName有一个值是一个很大的值时,地址:被推得更远有没有办法我可以有任何价值,但这些2的间距不会改变,我不想使用浮动右边的地址我希望这些在桌子的中间

预期的结果可能是这样的:

This is the pdf image of how it should look like

任何帮助?

1 个答案:

答案 0 :(得分:1)

您可以通过将您的姓名和地址标题分成两个单独的单元格来实现此目的。这将允许您指定您希望单元格相隔多远,无论导入的数据长度如何:

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>