¿Por qué una lista de botones de radio siempre toma una nueva fila?

Question

Esta es una pregunta sobre el diseño. Estoy desarrollando una página .net, cada vez que agrego una lista de botones de radio justo después de una etiqueta, se reduce a la siguiente fila. Pero en el lado del código, todavía está dentro de la misma fila. El problema es que si lo navegas en IE, se reduce a la siguiente fila. Estoy seguro de que el ancho de la etiqueta y de la lista de botones de radio no es demasiado grande. ¿Cuál es el motivo y cómo resolver este problema? Gracias por adelantado.

Answer 1

RadioButtonList se representa de forma predeterminada como tabla. Puede cambiar establecer la propiedad RepeatLayout = "Flow" y se representará en span.

RepeatLayout Property

Different ways it can render

Answer 2

Puede ajustar su estilo de visualización para estar en línea:

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

Advertencia: Los puristas gritaré que la información debe estar en una clase CSS en otro lugar.

Answer 3

añadir un alojamiento a su RadioButtonList

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> 

esto va a resolver su problema. ALEGRÍAS

Answer 4

si tiene aplicar CSS en la página, entonces es difícil mantener el estilo de la lista de botones de radio.

mío era fijo con código de abajo

#radiobuttonlist label 
{ 
    vertical-align: super; 
}