如何減少垂直單選按鈕之間的空間

Question

我有一個坐在桌子中的垂直radiobuttonList。

如何減少每個listitems之間的間距，使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

單選按鈕列表，以便爭取TD也

Answer 3

提供cellspacing="0" cellpadding="0"和padding:0;這w3schools demo證明準確標記，它看起來像是建在一張桌子上。試試這個：

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

與RadioButtonList的CssClass或其他一些包裝對象更換.someClassName。

Answer 4

你可以添加這個在RadioButtonList標籤中：

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

Answer 5

我更改爲使用RepeatLayout="Flow"代替RepeatLayout="Table"

在RadioButtonList如：

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