ASP複選框長文本未對齊

我正在使用複選框，文本很長。我想使兩行文本對齊。也就是說，兩行文字都應該從同一行開始。請幫我ASP複選框長文本未對齊

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

來源

2016-11-03 Indira Pranoi

的asp：複選框產生輸入和一個標籤。您可以將CSS添加到標籤。爲了對齊，你必須爲標籤添加寬度。

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

添加CSS這樣

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

來源

2016-11-03 10:34:09 selami

我需要在CSS中添加上面的代碼？ –

是的，你必須將它添加到你的css文件 – selami

是的。它正在工作。但事情是它影響到所有的複選框。我怎樣才能將它限制在一個複選框？ –

你只需要創建一個<div>容器中，並使用CSS一個width。

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

來源

2016-11-03 10:34:43 Alexis

我可以使用asp：checkbox解決嗎？ –

相同。添加寬度的div – Alexis

ASP複選框長文本未對齊

回答

相關問題