ASP.NET – 如何使用CSS在数据条目中对齐ASP.NET控件？

发布时间：2020-12-16 07:27:20 所属栏目：asp.Net 来源：网络整理

导读：我有一个用ASP.NET构建的标准数据输入类型表单.我对CSS非常环保,并试图在表单上排列标签和文本字段. 我正在使用标准的ASP.NET控件. 我从我的CSS书籍和网站上知道,我可以使用标签for =“”,输入文本框的名称可以跟随并浮动标签,但我不知道如何使用ASP.NET控件

我有一个用ASP.NET构建的标准数据输入类型表单.我对CSS非常环保,并试图在表单上排列标签和文本字段.

我正在使用标准的ASP.NET控件.

我从我的CSS书籍和网站上知道,我可以使用标签for =“”,输入文本框的名称可以跟随并浮动标签,但我不知道如何使用ASP.NET控件.**这就是我想要使用的：

<div class="spacer1em"></div>
<div><span>Hotel:</span> <asp:TextBox ID="txtHotel" runat="server" /> <asp:LinkButton ID="lnkMap" runat="server">Map</asp:LinkButton></div>
<div><span>Address:</span><asp:TextBox ID="txtAddress" runat="server" /></div>
<div><span>Address:</span><asp:TextBox ID="txtAddress2" runat="server" /></div>
<div><span>City:</span> <asp:TextBox ID="txtCity" runat="server" /> <span>State:</span><asp:TextBox ID="txtState" runat="server" /> <span>Zip:</span> <asp:TextBox ID="txtZip" runat="server" /></div>
<div><span>Country:</span> <asp:TextBox ID="txtCountry" runat="server" /></div>
<div><span>Phone:</span> <asp:TextBox ID="txtPhone" runat="server" /> <span>Fax:</span><asp:TextBox ID="txtFax" runat="server" /></div>
<div><span>Type:</span><asp:TextBox ID="txtType" runat="server" /></div>
<div><span>Comments:</span> <asp:TextBox ID="txtComments" runat="server" /></div>

解决方法

这是我使用的方法.

<div class="row"> 
  <div class="label"> 
    <asp:Label ID="lblHotel" Text="Hotel" runat="server" AssociatedControlID="txtHotel" />:
  </div> 
  <div class="value"> 
    <asp:TextBox ID="txtHotel" runat="server" /> 
  </div> 
</div > 
<style type="text/css">
    .row { clear: both; width: 100%; overflow: hidden; margin: 5px 0; } 
    .label { float: left; text-align: right; margin-right: 10px; width: 150px; } 
    .value { float: left; text-align: left; } 
</style>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!