如何使用css在asp.net中对齐我的标签和文本框

问题描述

我尝试对齐我的标签和代码，但它不起作用请检查并指出我错过的错误？

i try to align my label and code but it is not working please check it and point me out the error that i am missing?

<style type="text/css"> 

        /*my css start*/
.label{
   display : inline;
}
        .textbox {
               display : inline;
                       }
/*my css end*/
    </style>

<asp:label runat="server" CssClass="label">User Name:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtUserName" runat="server"></asp:TextBox>
<br />
<br />
<asp:label ID="Label1" CssClass="label" runat="server">Email:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtEmail" runat="server"></asp:TextBox>
<br />
<br />
 <asp:label ID="Label2" CssClass="label" runat="server">Passowrd:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtPw" runat="server"></asp:TextBox>
<br />
<br />
<asp:label ID="Label3" CssClass="label" runat="server">Confirm Passowrd:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtRePw" runat="server"></asp:TextBox>
<br />
<br />
<asp:label ID="Label4" CssClass="label" runat="server">Security Quesion:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtSQuest" runat="server"></asp:TextBox>
<br />
<br />
<asp:label ID="Label5" CssClass="label" runat="server">Secret Ans:</asp:label>
<asp:TextBox CssClass="textbox" ID="txtSecAns" runat="server"></asp:TextBox>
<br />
<br />

推荐答案

.label{
   display : inline;
   text-align: right;
}
.textbox {
   display : inline;
   text-align: right;
}

你的text-align可以是正确的，对齐的还是左的

Your text-align can be right, justify or left

<pre lang="CSS"> <style type="text/css"> 

       /*my css start*/
.label{
   display : inline;
   display : block;
   text-align:left;
}
.textbox {
   display : inline;
   display : block;
   text-align: left;
}</style>

这篇关于如何使用css在asp.net中对齐我的标签和文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！