如何居中文本框和左對齊其附加的標簽

Question

我有一個如下的ASPX頁面：

<div style="text-align:left">
    <asp:Label id="uLbl" runat="server">Username:</asp:Label><br />
    <asp:TextBox runat="server" ID="uTxt"></asp:TextBox><br />
    <asp:Label id="upLbl" runat="server">Password:</asp:Label> <br />
    <asp:TextBox runat="server" ID="uPw" TextMode="Password"></asp:TextBox>
</div>

我想在其所在的div元素內將TextBox居中對齊，但我想將文本的左側與文本框的左側對齊。

我知道我可以使用padding css樣式來做到這一點，但是取決於屏幕的大小等，它最終可能會改變控件的實際大小（或者也許這是正確的解決方案，我只是太笨了而無法解決）。

Answer 1

編輯根據評論：

  <div style="text-align: left; display: table; margin: auto;"> <asp:Label ID="uLbl" runat="server">Username:</asp:Label><br /> <asp:TextBox runat="server" ID="uTxt"></asp:TextBox><br /> <asp:Label ID="upLbl" runat="server">Password:</asp:Label><br /> <asp:TextBox runat="server" ID="uPw" TextMode="Password"></asp:TextBox> </div> 

它將display設置為'table' ，並將頁margin設置為'auto' 。 將margin設置為auto將使div在其父級中居中。 將display設置為“表格”是一個技巧，因此您可以在不指定寬度的情況下將元素居中。