Warum nimmt eine Radiobuttonliste immer eine neue Zeile auf?

Question

Dies ist eine Frage zum Layout. Ich entwickle eine .net Seite, immer wenn ich eine Radiobuttonliste direkt nach einem Label hinzufüge, kommt es in die nächste Zeile. Aber in der Code-Seite, es immer noch innerhalb der gleichen Zeile. Das Problem ist, wenn Sie es in IE durchsuchen, kommt es nach unten in die nächste Zeile. Ich bin sicher, dass die Breite der Beschriftung und der Radiobuttonliste nicht zu groß ist. Woran liegt das und wie kann man dieses Problem lösen? Vielen Dank im Voraus.

Answer 1

RadioButtonList wird standardmäßig als Tabelle dargestellt. Sie können die Einstellung der Eigenschaft RepeatLayout="Fluss" und es wird in span wiedergegeben.

RepeatLayout-Eigenschaft

Verschiedene Möglichkeiten der Wiedergabe

Answer 2

Fügen Sie eine Eigenschaft zu Ihrer Radiobuttonliste hinzu

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>

Dies wird Ihr Problem lösen. CHEERS

Answer 3

Sie können den Anzeigestil so einstellen, dass er inline ist:

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

Warnung: Puristen werden aufschreien, dass diese Informationen in einer CSS-Klasse irgendwo anders stehen sollten.

Answer 4

Wenn Sie css auf der Seite anwenden, dann ist es schwer, den Stil der radiobuttonlist zu erhalten.

Mein Problem wurde mit folgendem Code behoben

#radiobuttonlist label
{
   vertical-align: super;
}