css - 如何减少垂直单选按钮列表之间的空间

Question

我有一个垂直的 radiobuttonList 坐在桌子上。

如何减小每个列表项之间的间距，以使 radiobuttonList 的总高度更小？

我尝试过使用填充和边距，但似乎都没有。

Answer 1

使用CellPadding的属性RadioButtonList，可以将最小高度设置为 0

<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>

Answer 2

您可以在 radiobuttonlist 标记中添加它：

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

Answer 3

cellspacing="0" cellpadding="0"表中的单选按钮列表，因此也尝试padding:0;使用 td

Answer 4

如果这个w3schools 演示演示了准确的标记，那么它们看起来就像是在表格中构建的。尝试这个：

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

替换.someClassName为CssClasstheRadioButtonList或其他一些包装器对象。

Answer 5

我将单选按钮列表更改为使用RepeatLayout="Flow"而不是RepeatLayout="Table"

例如：

<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>