我有一个 ASP.NET RadioButtonList,它使用 RepeatDirection="Horizontal" 将四个项目显示在一行上。我正在使用 RepeatLayout="Flow" 来避免表格的标记。但是,这会导致列表中的项目彼此相邻放置,这看起来不太好。
所以,我尝试了表格布局以利用 CellSpacing 和/或 CellPadding 属性。不幸的是,这些属性会影响表格中的垂直和水平间距/填充,所以当我得到水平间距时,我也得到了不需要的垂直间距。
在这一点上,我明白了:
<asp:RadioButtonList ID="rblMyRadioButtonList" runat="server"
RepeatDirection="Horizontal"
RepeatLayout="Flow" >
<asp:ListItem Selected="false" Text="Item One " Value="Item_1" />
<asp:ListItem Selected="false" Text="Item Two " Value="Item_2" />
<asp:ListItem Selected="false" Text="Item Three " Value="Item_3" />
<asp:ListItem Selected="false" Text="Item Four " Value="Item_4" />
</asp:RadioButtonList>
...这对我大喊“你做得不对!”
实现此目的的正确方法是什么?
最佳答案
我知道这是一个老问题,但我是这样做的:
<asp:RadioButtonList runat="server" ID="myrbl" RepeatDirection="Horizontal" CssClass="rbl">
将此用作您的类(class):
.rbl input[type="radio"]
{
margin-left: 10px;
margin-right: 1px;
}
关于asp.net - 如何在 ASP.NET RadioButtonList 中的项目之间添加空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1822122/