asp.net - runat - qué son los control web en asp net

¿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

Puede configurar 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án que la información debe estar en una clase de CSS en otro lugar.

Answer 2

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

Propiedad RepeatLayout

Diferentes formas en que puede representar

Answer 3

Agregar una propiedad a su lista de botones de radio

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 resolverá su problema. ACLAMACIONES

Answer 4

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

El mío fue corregir con el siguiente código

#radiobuttonlist label
{
   vertical-align: super;
}