通过 CSS 选择器精准定位 radio 输入元素并设置 margin-right，可在 ASP.NET WebForms 的 RadioButtonList 控件中实现按钮间的可控间距，避免影响文本布局或破坏整体样式。

通过 css 选择器精准定位 radio 输入元素并设置 `margin-right`，可在 asp.net webforms 的 radiobuttonlist 控件中实现按钮间的可控间距，避免影响影响文本布局或破坏整体样式。

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

）结构，默认将每个 ListItem 渲染为一行（），其中单选按钮（）与关联标签（）嵌套在单元格内。因此，直接对 .formtext 设置外边距无法精准控制按钮间距——必须精确作用于 元素本身。

✅ 正确做法：使用属性选择器定位 radio 按钮

只需扩展现有 CSS 类 .formtext，添加针对 radio 输入框的样式规则：

.formtext {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px !important;
}

/* 关键：为每个 radio 按钮右侧添加间距 */
.formtext input[type="radio"] {
    margin-right: 12px; /* 推荐 8–16px，按设计需求调整 */
}

? 注意：margin-right 作用于每个 radio 按钮自身，使其与右侧相邻元素（如 label 文本或下一个 radio）保持距离。由于 radio 默认为 inline-level 元素，该 margin 可安全生效，且不会影响按钮与对应文字之间的间距（即不干扰 for/id 关联的语义结构）。

讯飞听见会议

讯飞听见会议是一款由科大讯飞推出的 AI 云视频会议与语音转写协作平台。

下载

⚠️ 注意事项与最佳实践

• 避免使用 CellSpacing / CellPadding：您已在代码中设为 0，这是正确的——表格级间距会破坏布局一致性，且无法单独控制按钮间距。
• 慎用 display: block 或 float：强行改变 radio 显示模式可能导致对齐错乱或 label 响应失效；纯 margin 方案最轻量、兼容性最佳。
• 确保 CSS 加载优先级：若样式未生效，请确认该 CSS 在页面中加载顺序靠后，或添加 !important（仅当必要时）：

  .formtext input[type="radio"] {
      margin-right: 12px !important;
  }

• 响应式考虑（可选）：如需适配移动端，可配合媒体查询微调：

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

✅ 验证效果

渲染后的 HTML 片段类似如下（简化示意）：

...

In Person

此时每个 右侧均有 12px 空白区，视觉上清晰分隔按钮，而文字紧贴其后，完全符合“仅在按钮之间加空隙”的需求。

此方案无需修改 C# 服务端逻辑，纯前端可控、语义清晰、维护成本低，是 WebForms 场景下推荐的标准实践。