-2

私は次のラベルとテキストボックスを持っています-

<div>

 <fieldset class="myform">
   <legend>Form</legend>

   <asp:Label ID="Label1" runat="server" AssociatedControlID="fname">First Name:</asp:Label>
   <asp:TextBox ID="fname" runat="server" CssClass="textEntry"></asp:TextBox> <br>

   <asp:Label ID="Label2" runat="server" AssociatedControlID="lname">Last Name:</asp:Label>
   <asp:TextBox ID="lname" runat="server" CssClass="textEntry"></asp:TextBox> <br>

   <asp:Label ID="Label3" runat="server" AssociatedControlID="town">Address1:</asp:Label>
   <asp:TextBox ID="address1" runat="server" CssClass="textEntry"></asp:TextBox> <br>

   <asp:Label ID="Label5" runat="server" AssociatedControlID="town">Town:</asp:Label>
   <asp:TextBox ID="town" runat="server" CssClass="textEntry"></asp:TextBox> <br>

  </fieldset>

 </div>

出力は、ラベル-(fname、lname、addressなど)がうまく並んでいて、テキストボックスが並んでいないということです。私がやろうとしているのは、テキストボックスが並んでいるということですか?

どんな助けでも大歓迎です、ありがとう

だから私はこのようにしたい

 First Name  [          ]
  Last Name  [          ]
    Address  [          ]

等々

4

2 に答える 2

0

コードにクラスを追加しますlabels

  <div>

 <fieldset class="myform">
 <legend>Form</legend>

 <asp:Label ID="Label1" class="labels" runat="server" AssociatedControlID="fname">First   Name:</asp:Label>
 <asp:TextBox ID="fname" runat="server" CssClass="textEntry"></asp:TextBox> <br>

 <asp:Label ID="Label2" class="labels" runat="server" AssociatedControlID="lname">Last Name:</asp:Label>
 <asp:TextBox ID="lname" runat="server" CssClass="textEntry"></asp:TextBox> <br>

 <asp:Label ID="Label3" class="labels" runat="server" AssociatedControlID="town">Address1:</asp:Label>
 <asp:TextBox ID="address1" runat="server" CssClass="textEntry"></asp:TextBox> <br>

 <asp:Label ID="Label5" class="labels" runat="server" AssociatedControlID="town">Town:     </asp:Label>
 <asp:TextBox ID="town" runat="server" CssClass="textEntry"></asp:TextBox> <br>

</fieldset>

</div>​​​

それからあなたのcssはこれかもしれません。

.myform {text-align:right;width:300px; }
.labels {padding-right:10px;}
于 2012-11-30T15:50:48.193 に答える
0

あなたのスタイリングを使用してください。

あなたのCSSタイプで

.textEntry {left:20px;}

20 は乱数です。必要に応じて調整できます。これにより、すべてのテキストボックスが左から特定の距離に配置されます

于 2012-11-30T15:04:26.923 に答える