Выравнивание CSS с помощью списка флажков (runat = Server)

Question

Выравнивание CSS с помощью списка флажков (runat = Server)

0

Я рассмотрел решения по моей проблеме, такие как https://stackoverflow.com/posts/6930648/revisions, хотя они помещают первую строку текста, где я хочу, чтобы вторая и третья строки, которые выпадали ниже, чтобы установить флажок, не выстроились в очередь с первым, когда они выстраиваются под флажок.

Я играл с "word-wrap" и наследовал, но не получил рабочего решения. Там код ниже отображает только первую строку правильно.

Код, который я использую:

CSS -

#CheckListWrapper 

 label
 {

     margin-left:30px;     
     width: 500px;
  }

VB

 <div id="CheckListWrapper">
        <asp:CheckBoxList runat="server" ID="CheckBoxList1"  CssClass="CheckboxList">
     </asp:CheckBoxList></div>  <!-- CheckListWrapper -->

indofraiser 23 дек. 2013, в 13:59

Источник

Теги:

html

css

checkbox

vb.net

1 ответ

Ещё вопросы

Ravimallya · Accepted Answer · 2013-12-23T10-50-00.000Z

Вы можете попробовать использовать RepeatLayout="UnorderedList" для RepeatLayout="UnorderedList" управления <asp:CheckBoxList а затем создать макет с использованием пользовательского CssClass. Вы можете использовать следующий стиль с некоторыми изменениями по мере необходимости. Если вы хотите выровнять флажок в одной строке, вы можете изменить отображение li на inline-block и т.д. И

.checkbox-list-block {
list-style: none;
margin: 0;
padding:0;
}
.checkbox-list-block li {
display:block;
}
.checkbox-list-block li label {
display:inline-block;
margin-left:4px;
}
.checkbox-list-block li input[type="checkbox"] {
margin-bottom: 2px;
}

Согласно: CheckBoxList.RepeatLayout Property

Два варианта являются новыми по состоянию на ASP.NET 4: OrderedList и UnorderedList.

Также, пожалуйста, обратитесь к этому.

CSS влияет на текст, но выравнивание по левому краю влияет, когда рядом с флажком еще.
пожалуйста, попробуйте изменить CSS или добавить некоторые атрибуты, чтобы получить то, что вы хотели.