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

标签 asp.net formatting markup radiobuttonlist

我有一个 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>

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

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

最佳答案

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

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

相关文章:

c# - RowDataBound : Getting value from dataTable ! 无法将类型 'System.DBNull' 的对象转换为类型 'System.String'

asp.net - 使用 requireSSL=true 进行表单例份验证不返回具有安全属性的 cookie

css - Google Webfonts 在 Firefox、Chrome 和 Opera 中的呈现方式不同

java - Java 或 Joda 中的十进制日期时间格式化程序

php - PHP 的可扩展/可定制/模块化轻量级标记

c# - 如何在网站项目的页面上使用其他C#源文件?

asp.net - 微软反跨站脚本库

java - Zulu 和 Offset 的日期时间格式

css - 垂直居中文本

linux - curl:/usr/local/lib/libldap_r-2.4.so.2:没有可用的版本信息