微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用CSS对齐ASP.Net标签和TextBoxes?

我需要使用CSS来排列我的ASP.NET标签和文本框.我已经尝试过将DIV用于下面的样式,但事情仍然没有排成一行.

<div style="float:left; display:block;">
<asp:Label runat="server" id="lblPartNumber" CssClass="label">Part Number:</asp:Label><br />
<asp:Label runat="server" ID="lblSubID" CssClass="label">Sub ID:</asp:Label><br />
<asp:Label runat="server" ID="lblPartDesc" CssClass="label">Part Description:</asp:Label><br />
<asp:Label runat="server" ID="lblForModels" CssClass="label">For Models:</asp:Label><br />
<asp:Label runat="server" ID="lblColor" CssClass="label">Color:</asp:Label><br />
<asp:Label runat="server" ID="lblPrice" CssClass="label">Price:</asp:Label><br />
<asp:Label runat="server" ID="lblMisc" CssClass="label">Misc:</asp:Label><br />
<asp:Label runat="server" id="lblLiveImage" CssClass="label">Live Image:</asp:Label><br />
<asp:Label runat="server" ID="lblOEMNumber" CssClass="label">OEM Number:</asp:Label><br />
<asp:Label runat="server" ID="lblBEdiscount" CssClass="label">BE discount:</asp:Label><br />
<asp:Label runat="server" ID="lblSalePrice" CssClass="label">Sale Price:</asp:Label><br />
<asp:Button runat="server" ID="btnAddPart" Text="Add Part" />
</div>
<div style="display:block; padding-left:20px;">
<asp:TextBox runat="server" ID="txtPartNumber" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtSubID" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtPartDesc" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtForModels" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtColor" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtPrice" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtMisc" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtLiveImage" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtOEMNumber" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtBEdiscount" CssClass="textBox"></asp:TextBox><br />
<asp:TextBox runat="server" ID="txtSalePrice" CssClass="textBox"></asp:TextBox><br />
</div>

必须添加哪些额外的CSS语法才能确保我的所有标签彼此排列,并且它们旁边的相应文本框是什么?

谢谢!

解决方法

使用这样的东西,

<ul>
  <li>
    <asp:Label runat="server" id="lblPartNumber" CssClass="label">Part Number:</asp:Label>
    <asp:TextBox runat="server" ID="txtPartNumber" CssClass="textBox"></asp:TextBox>
  </li>
  .....
</ul>

CSS,

.label,.textBox{
   display : inline;
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。