asp.net表格单元格水平对齐答案

【问题标题】：asp.net table cell horizontal allignasp.net表格单元格水平对齐
【发布时间】：2013-10-03 22:00:30
【问题描述】：

我有一个 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>

我想这样显示：

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

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

【问题讨论】：

标签： c# asp.net alignment

【解决方案1】：

你可以像下面这样使用css类

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

在你的标签中

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

【讨论】：

【解决方案2】：

试试这个：

<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>

【讨论】：

我找到了罪魁祸首。在较低的行中，我有包含各种长度文本的单元格。这似乎决定了顶部单元格的长度。
@sd_dracula 如果您想要一个不会根据单元格中数据长度增长/收缩的一致宽度，请考虑在px 或em 中使用CSS width 设置。跨度>