ASP 标签“方向”答案

【问题标题】：ASP tag "orientation"ASP 标签“方向”
【发布时间】：2012-11-30 23:50:48
【问题描述】：

我有以下标签和文本框 -

<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  [          ]

等等

【问题讨论】：

标签： asp.net html css

【解决方案1】：

使用你的样式。

在你的 CSS 类型中

.textEntry {left:20px;}

20 是随机数；您可以根据需要进行调整。这将使您的所有文本框与左侧的特定距离对齐

【讨论】：

【解决方案2】：

您在代码中添加一个类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;}

【讨论】：