Почему радиобаттонлист всегда занимает новый ряд?

Question

Это вопрос о макете.Я разрабатываю страницу .net, и всякий раз, когда я добавляю список радиобутонистов сразу после метки, они переходят к следующей строке.Но в части кода это все еще в той же строке.Проблема в том, что если вы просматриваете его в IE, он сводится к следующему ряду.Я уверен, что ширина как метки, так и списка радиокнопок не слишком велика.В чем причина и как решить эту проблему?Заранее спасибо.

Answer 1

RadioButtonList по умолчанию отображается как таблица. Вы можете изменить установить свойство RepeatLayout = "Flow" , и оно будет отображаться в span.

Свойство RepeatLayout

Различные способы визуализации

Answer 2

Добавьте свойство в свой список радиобаттонов

RepeatDirection = "Horizontal"

   <asp:RadioButtonList RepeatDirection="Horizontal" 
        ID="RadioButtonList1" runat="server" style="display:inline">
        <asp:ListItem>asdf</asp:ListItem>
        <asp:ListItem>sdfg</asp:ListItem>
    </asp:RadioButtonList>

это решит вашу проблему.CHEERS

Answer 3

Вы можете установить его стиль отображения как встроенный:

<asp:RadioButtonList
    ID="RadioButtonList1" runat="server" style="display:inline">
    <asp:ListItem>asdf</asp:ListItem>
    <asp:ListItem>sdfg</asp:ListItem>
</asp:RadioButtonList>

Предупреждение: пуристы будут кричать, что информация должна быть в классе CSS где-то еще.

Answer 4

если вы применили css на странице, то трудно сохранить стиль radiobuttonlist.

Шахта была исправлена ​​с кодом ниже

#radiobuttonlist label
{
   vertical-align: super;
}