ASP.NET - bir veri girişi situtaion'da ASP.NET denetimlerini hizalamak için CSS nasıl kullanılır?

Question

ASP.NET'te yerleşik standart bir veri girişi türü formum var. CSS ile oldukça yeşilim ve formdaki etiket ve metin alanlarını sıralamaya çalışıyorum.

Standart ASP.NET denetimlerini kullanıyorum.

Etiketleri takip etmek ve süzmek için bir giriş metin kutusunun adıyla etiketini kullanabileceğim CSS kitabımdan ve web sitelerinden öğrendim, ancak ASP.NET ile nasıl yapılacağını bilmiyorum denetimlerim. ** Çalıştığım yöntem şu şekildedir:

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

Answer 1

Kullandığım yöntem aşağıdadır.

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