我有一个 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;
}
https://stackoverflow.com/questions/1822122/