asp.net表格单元格横向联盟

Question

我有一个asp.net表，每行有1行和2个单元格。 我试图让正确的细胞显示在细胞最右边的边缘，但没有成功。

<asp:Table runat="server" ID="tblMyTable" BorderStyle="Solid" BorderWidth="1" BorderColor="Black" Font-Names="Arial" BackColor="White" Width="190" ClientIDMode="Static">
        <asp:TableRow Font-Names="Arial Black">
            <asp:TableCell HorizontalAlign="Left" CssClass="HeaderPadding">
                <asp:Label runat="server" ID="lblID" Text="361299"></asp:Label>
            </asp:TableCell>
            <asp:TableCell HorizontalAlign="Right">
                <asp:Label runat="server" ID="lblPercentage" Text="79%"></asp:Label>
            </asp:TableCell>
        </asp:TableRow>
</Asp:Table>

<style>
.HeaderPadding 
    {
        padding:0px 0px 10px 0px;
    }
</style>

我想这样显示：

如何正确对齐百分比标签？

相反，对于某些单元格看起来像这样，但在其他单元格中看起来不错。

Answer 1

试试这个：

<table>
    <tr>
        <td class="HeaderPadding">
            <asp:Label runat="server" ID="lblID" Text="361299"></asp:Label>
        </td>
        <td style="text-align: right">
            <asp:Label runat="server" ID="lblPercentage" Text="79%"></asp:Label>
        </td>
    </tr>
</table>

Answer 2

你可以使用下面的css类

  <style type="text/css">
    .rightAlign { text-align:right; }
    </style>

标签中的

<asp:Label runat="server" ID="lblPercentage" Text="79%" CssClass="rightAlign"></asp:Label>