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

【问题标题】：How to decrease the space between vertical radiobuttonlist如何减少垂直单选按钮列表之间的空间
【发布时间】：2013-03-24 16:28:30
【问题描述】：

我有一个垂直的单选按钮列表坐在桌子上。

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

我尝试过使用填充和边距，但似乎都不起作用。

【问题讨论】：

标签： css asp.net radio-button padding

【解决方案1】：

使用RadioButtonList的CellPadding属性，最小高度可以设置为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>

【讨论】：

【解决方案2】：

你可以在radiobuttonlist标签内添加这个：

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

【讨论】：

宽度标签？！这将如何调整列表项之间的垂直间距？

【解决方案3】：

radiobuttonList 在表格中，所以也可以尝试 cellspacing="0" cellpadding="0" 和 padding:0; 为 td

【讨论】：

【解决方案4】：

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

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

将.someClassName 替换为RadioButtonList 的CssClass 或其他一些包装对象。

【讨论】：

【解决方案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>

【讨论】：