Почему radioobuttonlist всегда берет новую строку?

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

Ответы

Ответ 1

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

Свойство RepeatLayout

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

Ответ 2

Добавить свойство в ваш radioobuttonlist

RepeatDirection = "Горизонтальный"

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

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

Ответ 3

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

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

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

Ответ 4

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

Моя была исправлена с кодом ниже

#radiobuttonlist label
{
   vertical-align: super;
}