怎样让文字与控件分别对齐

Question

如图，这是做的一个页面，开发界面中控件与文字都已经分别对齐，但运行时不对齐，怎样让他们在运行时对齐？

Answer 1

你好，
首先你用靠左对齐的话，由于文字个数不一样，所以也会导致文本框不对齐。
解决办法：你的UI页面需要修改。 首先你需要使用容器来包装你的label 和textbox。 你可以用table, div，或者目前比较流行的Bootstrap。 用容器可以使得页面更加的整洁。其次，你的label 和textbox 应该放在不同的单元格中，不应该是同一格。最后分别对每个单元格中的内容添加css，靠左对齐或者居中。
例如：

 <style>
        .lb .tx {
            text-align:left;
        }
    </style>
 <table>
                <tr>
                    <td>
                        <asp:Label ID="Label1" runat="server" Text="姓名" CssClass="lb"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox1" runat="server" CssClass="tx"></asp:TextBox>
                    </td>
                </tr>
                 <tr>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text="性别" CssClass="lb"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox2" runat="server" CssClass="tx"></asp:TextBox>
                    </td>
                </tr>
                 <tr>
                    <td>
                        <asp:Label ID="Label3" runat="server" Text="出生日期" CssClass="lb"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox3" runat="server" CssClass="tx"></asp:TextBox>
                    </td>
                </tr>
            </table>