将 RadioButtonList 置于面板内的中心

Question

我似乎无法将 RadioButtonList 置于面板中心。它似乎总是左对齐。无论我尝试什么。

我当前的代码是：

<asp:panel ID="Panel1" runat="server" CssClass="style8" Height="228px" 
  width="456px">
  <br /> 
         <p style ="text-align:center">
              <asp:Label ID+"Label2" runat="server" Text="Blah">
              </asp:Label>
        </p>
        <asp:RadioButtonList ID="AlertClients" runat="Server" TextAlign="Right" 
       style="list-style=center">
              <asp:ListItem> Option 1</asp:ListItem>
             <asp:ListItem> Option 2</asp:ListItem>
             <asp:ListItem> Option 3</asp:ListItem>
         </asp:RadioButtonList>
</asp:Panel>

任何帮助将不胜感激。

Answer 1

只需将此标记放入单选按钮列表控件中即可：align=“center”

<asp:RadioButtonList ID="AlertClients" runat="Server" TextAlign="Right" Style="list-style=center" align="center">
 <asp:ListItem> Option 1</asp:ListItem>
 <asp:ListItem> Option 2</asp:ListItem>
 <asp:ListItem> Option 3</asp:ListItem></asp:RadioButtonList>

Answer 2

在我看来，使用 div 而不是 panel。但正如面板中所示，您也可以尝试给予

style="margin:auto;"

Answer 3

我打赌您需要编辑面板引用的 style8 并添加 tex-align: center;

<style>
  .style8
      {
        text-align:center;
      }
 </style>