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>

我想将TextBox所在的div元素居中对齐，但是我想将文本的左侧对齐以与文本框的左侧匹配。

我知道我可以使用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设置为“表格”是一个技巧，因此您可以在不指定宽度的情况下将元素居中。

如何居中文本框和左对齐其附加的标签

1 个答案: