单选按钮和文本之间的空间答案

【问题标题】：space between radio button and text单选按钮和文本之间的空间
【发布时间】：2021-10-21 12:44:22
【问题描述】：

我想在 RadioButtonList 中的单选按钮和文本之间放置一些空格。以下是我的代码：

  <asp:RadioButtonList ID="rdbTest" runat="server">
    <asp:ListItem Text="This is test1"></asp:ListItem>
    <asp:ListItem Text="This is test2"></asp:ListItem>
    <asp:ListItem Text="This is test3"></asp:ListItem>
    <asp:ListItem Text="This is test4"></asp:ListItem>
    <asp:ListItem Text="This is test5"></asp:ListItem>
</asp:RadioButtonList>

看起来是这样的：

我想在单选按钮和 "This is test1" 、 "This is test2" 等之间放置更多间距。我的页面上有近 500 个单选按钮。

任何帮助将不胜感激。

【问题讨论】：

然后为它添加一个css规则。如您所见，Asp.net 仍在使用 HTML。您仍然可以添加自己的 CSS 样式表。您甚至可以引用自定义 JS 脚本文件。您还可以在此问题中看到引用自定义 css 的另一种方法：stackoverflow.com/questions/23159218/…

标签： c# asp.net vb.net

【解决方案1】：

在标题中添加一个 CSS 类（调整边距值以获得所需的间距）：

<style>
    .radioBL input[type="radio"]
    {
        margin-right:10px;
    }
</style>

然后在你的 RadioButtonList 标签中添加这个：CssClass="radioBL"

【讨论】：

他已经有一个 ID 附加到该列表，请参阅 ID="rdbTest"，就像 #rdbTest input[type="radio"] 一样写它（或者它不这样工作？:)
这样也行
是的，有道理