如何在ASP.NET RadioButtonList中的项之间添加空间

我有一个ASP.NET RadioButtonList显示四个项目使用RepeatDirection =“水平”显示在一行。我使用RepeatLayout =“流”，以避免表的标记。但是，这会导致列表中的项目被放置在彼此的旁边，这看起来不好。

所以，我尝试了表布局来利用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>

…它尖叫着我：“你不是做对了！

什么是正确的方法来完成这个？

解决方法

使用css为这些特定元素添加右边距。一般来说，我将构建控件，然后运行它来看看最终的html结构是什么样的，然后使CSS改变这些元素。

最好通过设置类来实现。将CssClass =“myrblclass”属性添加到列表声明。

您还可以通过编程向项目添加属性，这将从另一侧出来。

rblMyRadioButtonList.Items[x].Attributes.Cssstyle.Add("margin-right:5px;")

这可能对你更好，因为你可以添加除最后一个属性之外的所有属性。