/ / Como diminuir o espaço entre a lista radiobutton vertical - css, asp.net, radio-button, padding

Como diminuir o espaço entre a lista radiobutton vertical - css, asp.net, botão de rádio, preenchimento

Eu tenho um radiobuttonList vertical sentado em uma mesa.

Como faço para diminuir os espaçamentos entre cada um dos listitems para que a altura total de radiobuttonList seja menor?

Eu tentei usar preenchimento e margem, mas nenhum parece funcionar.

insira a descrição da imagem aqui

Respostas:

2 para resposta № 1

você pode simplesmente adicionar isso dentro da tag radiobuttonlist:

 <asp:RadioButtonList ID="RadioButtonList1" runat="server" Width="300px">

1 para resposta № 2

Usar CellPadding propriedade de RadioButtonList, você pode definir 0 para altura mínima

<asp:RadioButtonList ID="rdlst" runat="server" CellPadding="15" CellSpacing="0"  ><asp:ListItem Value="1" Text="1"></asp:ListItem> <asp:ListItem Value="2" Text="2"></asp:ListItem></asp:RadioButtonList>

0 para resposta № 3

radiobuttonList em uma tabela então tente cellspacing="0" cellpadding="0" e padding:0; para td também


0 para a resposta № 4

Desde que demo de w3schools demonstra marcação precisa, parece que eles são construídos em uma tabela. Tente isto:

.someClassName td {
padding: 0;
margin: 0;
}

Substituindo .someClassName com o CssClass do RadioButtonList ou algum outro objeto wrapper.


0 para a resposta № 5

Eu mudei o radiobuttonlist para usar RepeatLayout="Flow" ao invés de RepeatLayout="Table"

por exemplo:

<asp:RadioButtonList ID="radOrderBy" runat="server" AutoPostBack="True" RepeatLayout="Flow" >
<asp:ListItem Value="NAME" Text="Name" Selected="True" />
<asp:ListItem Value="NUMBER" Text="Number" />
</asp:RadioButtonList>