如何更改 <td> HTML 表中特定元素的位置

Question

所以，我有这个表格，我需要在其中放置包含个人资料信息的td，如下所示：

例

这是我的 HTML：

<table>
<tr>
<td>
<asp:Label ID="****" runat="server" CssClass="FieldLabelRqrd" Text="Name"></asp:Label>
</td>
<td>
<asp:Label ID="***" runat="server" Text="ID=****"></asp:Label>
</td>
<td colspan="4">
<div id="cssProfile">
<asp:Label ID="lblProfile" runat="server" Text="Profile:" CssClass="lblProfile"></asp:Label>                         
<asp:HyperLink ID="hlGoProfile" runat="server" ForeColor="blue" Target="_blank" CssClass="hlGoProfile" Text="Go"></asp:HyperLink>
</div>
</td>
</tr>
</table>

我尝试了 colspan 和 rowspan，但这不起作用，这是 CSS

#cssProfile{    
display:flex;
justify-content: start-flex;}
.lblProfile{    
margin-left: auto;}
.hlGoProfile{   
margin-left: auto;}

Answer 1

为表格提供 100% 的宽度，并向相关单元格添加text-align: right。

顺便说一句，您可以删除该colspan，如果您不需要它用于任何其他目的。

table {
width: 100%;
}
#cssProfile {
border: 1px solid red;
text-align: right;
}

<table>
<tr>
<td>
<asp:Label ID="****" runat="server" CssClass="FieldLabelRqrd" Text="Name">A</asp:Label>
</td>
<td>
<asp:Label ID="***" runat="server" Text="ID=****">B</asp:Label>
</td>
<td colspan="4">
<div id="cssProfile">
<asp:Label ID="lblProfile" runat="server" Text="Profile:" CssClass="lblProfile">C</asp:Label>
<asp:HyperLink ID="hlGoProfile" runat="server" ForeColor="blue" Target="_blank" CssClass="hlGoProfile" Text="Go">D</asp:HyperLink>
</div>
</td>
</tr>
</table>