RadioButtonList 选项平铺

在ASP.NET的`RadioButtonList`控件中，如果想要让选项平铺显示而不是堆叠在一起，你需要调整其样式。这通常是通过CSS来完成的，特别是对于外观更为定制的需求。以下是一种常见的做法：

1. 首先，在CSS文件中为`RadioButtonList`创建一个新的样式类，比如`.flatRadioButtons`，并设置样式如：

   .flatRadioButtons input[type="radio"] {
       margin: 0;
       padding: 0;
       width: 16px;
       height: 16px;
       border: none;
       background-color: transparent;
   }
   .flatRadioButtons label {
       display: inline-block;
       position: relative;
       cursor: pointer;
       font-size: 14px;
       line-height: 16px;
   }
   .flatRadioButtons input[type="radio"] + label::before {
       content: '';
       display: inline-block;
       width: 16px;
       height: 16px;
       border-radius: 50%;
       background-color: #ccc;
       transition: background-color 0.3s ease;
   }
   .flatRadioButtons input[type="radio"]:checked + label::before {
       background-color: #007bff;
   }

2. 然后在HTML标记中应用这个新的样式类给`RadioButtonList`：

   <asp:RadioButtonList ID="myRadioButtonList" runat="server" CssClass="flatRadioButtons">
       <asp:ListItem Value="Option1">Option 1</asp:ListItem>
       <asp:ListItem Value="Option2">Option 2</asp:ListItem>
       <!-- 更多选项 -->
   </asp:RadioButtonList>

通过这种方式，`RadioButtonList`的选项将会平铺显示，并且每个选项的文字将紧贴着圆圈图标。