asp.net - 如何在 ASP.NET RadioButtonList 中的项目之间添加空格

Question

我有一个 ASP.NET RadioButtonList，它使用 RepeatDirection="Horizo​​ntal" 将四个项目显示在一行上。我正在使用 RepeatLayout="Flow" 来避免表格的标记。但是，这会导致列表中的项目彼此相邻放置，这看起来不太好。

所以，我尝试了表格布局以利用 CellSpacing 和/或 CellPadding 属性。不幸的是，这些属性会影响表格中的垂直和水平间距/填充，所以当我得到水平间距时，我也得到了不需要的垂直间距。

在这一点上，我明白了:

<asp:RadioButtonList ID="rblMyRadioButtonList" runat="server" 
    RepeatDirection="Horizontal"
    RepeatLayout="Flow" >
    <asp:ListItem Selected="false" Text="Item One&nbsp;&nbsp;&nbsp;&nbsp;" Value="Item_1" />
    <asp:ListItem Selected="false" Text="Item Two&nbsp;&nbsp;&nbsp;&nbsp;" Value="Item_2" />
    <asp:ListItem Selected="false" Text="Item Three&nbsp;&nbsp;&nbsp;&nbsp;" Value="Item_3" />
    <asp:ListItem Selected="false" Text="Item Four&nbsp;&nbsp;&nbsp;&nbsp;" Value="Item_4" />
</asp:RadioButtonList>

...这对我大喊“你做得不对!”

实现此目的的正确方法是什么？

Answer 1

我知道这是一个老问题，但我是这样做的:

<asp:RadioButtonList runat="server" ID="myrbl" RepeatDirection="Horizontal" CssClass="rbl"> 

将此用作您的类(class):

.rbl input[type="radio"]
{
   margin-left: 10px;
   margin-right: 1px;
}