ASP复选框长文本未对齐

Question

我正在使用一个文本很长的复选框。我想使两行中的文本对齐。也就是说，在两行中，文本应该从同一行开始。请帮帮我

<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生成输入和标签。您可以将css添加到标签中。对齐，您必须为标签添加宽度。

while(condition){
    scroll();
}

像这样添加CSS

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

Answer 2

您只需要创建一个<div>容器并使用css设置width。

＆＃13;

＆＃13;

.container{
  width:200px;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

这不是最佳实践，但快速且可行的解决方案是覆盖Visual Studio随附的引导程序模板。具体来说，您添加以下CSS：

  .chkbx_inline_top label {
    vertical-align: top;
    display: inline!important;
  }

然后，您在asp：checkbox组件中引用css类：

  <asp:CheckBox ID="foo" runat="server" CssClass="chkbx_inline_top" Text="bar" />

这将允许文本换行到下一行，而不使用换行符。