ASP Le texte long de la case à cocher n'est pas aligné

Question

J'utilise une case à cocher dans laquelle le texte est long. Je voudrais aligner le texte des deux lignes. Autrement dit, dans les deux lignes, le texte devrait commencer à la même ligne. S'il vous plaît aidez-moi

<asp:CheckBox ID="cb1" Width="400px" runat="server" OnCheckedChanged="cb1_CheckedChanged" AutoPostBack="true" Text="This is very long This is very long This is very long This is very long This is very long This is very long" Value="cb1" /> 

Answer 1

asp: CheckBox génère une entrée et une étiquette. Vous pouvez ajouter css à l'étiquette. Pour aligner, vous devez ajouter de la largeur à l'étiquette.

label{width:200px;display:inline-block;vertical-align:top} 

Ajouter CSS comme celui-ci

<asp:CheckBox ID="cb1" Width="400px" runat="server" CssClass="cb" Text="This is very long This is very long This is very long This is very long This is very long This is very long" Value="cb1" /> 

<style type="text/css"> 
    .cb label{width:200px;display:inline-block;vertical-align:top} 
</style> 

Answer 2

Il vous suffit de créer un conteneur <div> et définir un width avec css.

.container{ 
 
    width:200px; 
 
}

<div class="container"> 
 
    <input type="checkbox"> 
 
    <label>Long text Long text Long text Long text Long text Long text Long text</label> 
 
</div>