通过 CSS 为 .formtext input[type="radio"] 设置 margin-right，可精准控制单选按钮之间的水平间距，避免影响文本对齐或整体布局。

通过 css 为 `.formtext input[type="radio"]` 设置 `margin-right`，可精准控制单选按钮之间的水平间距，避免影响文本对齐或整体布局。

在 ASP.NET WebForms 中，RadioButtonList 渲染为 HTML 表格（

）结构，默认情况下各 元素紧邻排列，缺乏视觉间隔。虽然可通过 CellSpacing 或 CssClass 控制容器级间距，但题目明确要求“仅在按钮之间添加空隙，而非按钮与文字之间”，因此最可靠、语义清晰的方案是直接作用于 radio 输入框本身的外边距。

✅ 推荐解决方案：CSS 边距控制

将以下 CSS 添加到您的样式表中（确保优先级足够，或使用 !important 如必要）：

.formtext input[type="radio"] {
    margin-right: 12px; /* 建议值：8px–16px，按设计需求调整 */
}

该规则精准匹配 .formtext 容器内所有单选按钮，并为其右侧添加统一间距，使相邻按钮自然分离。由于 margin 作用于元素盒模型外部，不会干扰文字换行、行高（line-height）或 ListItem 的标签内容排版。

切问学术

切问学术是一款AI论文写作工具，复旦大学NLP团队推出的AI学术智能体。

下载

⚠️ 注意事项

• 避免使用 CellSpacing：RadioButtonList.CellSpacing = 0 已设为 0，且表格单元格间距会影响整个行布局（包括文字区域），不符合“仅按钮间有空隙”的需求；
• 慎用 padding 或 text-indent：可能意外拉宽按钮区域或错位文字；
• 兼容性保障：input[type="radio"] 选择器在所有现代浏览器及 IE9+ 中均可靠支持；
• 响应式考虑：如需适配移动端，可配合媒体查询动态调整间距：

  @media (max-width: 768px) {
      .formtext input[type="radio"] {
          margin-right: 8px;
      }
  }

✅ 验证效果

渲染后 HTML 片段示意（简化）：

In Person

Telephone

Web Based

每个 右侧获得 12px 外边距，实现干净、可控的按钮间距。

综上，纯 CSS 方案简洁、高效、可维护性强，无需修改 C# 逻辑或引入额外 DOM 操作，是解决此类 UI 间距问题的最佳实践。