我有一个内置于 ASP.NET 中的标准数据输入类型表单。我对 CSS 很陌生,正在尝试排列表单上的标签和文本字段。
我正在使用标准的 ASP.NET 控件。
我从我的 CSS 书籍和网站上知道我可以使用带有输入文本框名称的标签 for=""来跟随和 float 标签,但我不知道如何使用 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>
关于ASP.NET - 如何使用 CSS 在数据输入情况下对齐 ASP.NET 控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4216418/