javascript - 将所有文本框对齐在同一垂直位置

Question

如何使所有文本框在同一垂直位置对齐？我的文本框在标签完成后立即开始。文本框遵循标签的宽度。还需要注意的是，所有标签都是左对齐的。 我可以不使用表格而只使用 html 和 css 来做到这一点吗？

代码::

<div style="width: 100%; font-family: Arial,Helvetica, sans-serif;">

                <div style="text-align: left; width: 100%; font-size: 13px;margin-bottom:5px;">
                    <b>Previous Password:</b>
                    <asp:TextBox ID="txt_prev_pwd" runat="server"  />
                </div>
                <div style="text-align: left; width: 100%; font-size: 13px;margin-bottom:5px;">
                    <b>New Password:</b>
                    <asp:TextBox ID="txt_new_pwd" runat="server" />
                </div>
                <div style="text-align: left; width: 100%; font-size: 13px;margin-bottom:5px;">
                    <b>Retype Password:</b>
                    <asp:TextBox ID="txt_re_pwd" runat="server" />
                </div>
            </div>
        </div>

Answer 1

您可以添加到 b标记 CSS 样式:

b{
  display: inline-block;
  width: 150px;
}

我建议更改 <b>在 <label> 上标记, 添加一个类名，然后设置样式。