asp.net表格單元格水平排列

我有一個asp.net表格，每行有1行和2個單元格。我試圖讓右邊的單元格顯示在單元格的最右邊緣附近，但沒有成功。asp.net表格單元格水平排列

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

我要顯示這樣的：

enter image description here

我怎樣才能正確對齊的百分比標籤？

相反，它看起來像這樣的一些細胞，但在別人看起來確定。

enter image description here

來源

2013-09-27 sd_dracula

試試這個：

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

來源

2013-09-27 14:48:43

下面

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

我已經找到了罪魁禍首。在較低的行中，我有包含各種長度文本的單元格。這似乎決定了頂級電池的使用時間。 –

@sd_dracula如果您希望基於單元格中的數據長度不會增長/縮小的一致寬度，請考慮在'px'或'em'中使用CSS'width'設置。 –

你可以使用CSS類就像在你的標籤

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

來源

2013-09-27 14:52:50 Damith

asp.net表格單元格水平排列

回答

相關問題