asp.net - 使用 CSS 的标签左侧的单选按钮

Question

我一直试图在 CSS 的帮助下将单选按钮的标签向左移动，但似乎没有任何效果。我可以得到第二双眼睛来帮助我吗？

asp:RadioButtonList ID="rbid" runat="server" RepeatDirection="Vertical" RepeatLayout="Table" TextAlign="left" >
                        <asp:ListItem Value="a">a</asp:ListItem>
                        <asp:ListItem Value="b">b</asp:ListItem>
                        <asp:ListItem Value="c">c</asp:ListItem>
                        <asp:ListItem Value="d">d</asp:ListItem>
                    </asp:RadioButtonList>

CSS：

    .FormArea input[type=radio]
{
  float:left;     
}

.FormArea input[type=radio] label 
{           
    float:right;

}

Answer 1

你需要 TextAlign = TextAlign.Left例如：

<script runat="server">  
     protected void Button1_Click(object sender, System.EventArgs e)  
     {  
         RadioButtonList1.TextAlign = TextAlign.Left;  
      }  
     protected void Button2_Click(object sender, System.EventArgs e)  
    {  
         RadioButtonList1.TextAlign = TextAlign.Right;  
     }  
  </script>  

在您的页面顶部

看看这个链接

Answer 2

在您设置的单选按钮列表中，TextAlign="Left"但这被覆盖

.FormArea input[type=radio] label 
{           
    float:right;
}

因此，它不起作用也就不足为奇了。

你有两个选择：

1. 删除两个 css 样式规则，只需TextAlign="Left"在单选按钮列表中使用或

2. 从单选按钮列表中删除TextAlign="Left"并使用以下 CSS：

   .FormArea input[type=radio] { float: right; }
   .FormArea input[type=radio] label { float: left;}
   

两种方法都将根据需要在单选按钮左侧显示文本：

如果答案对您有帮助，请标记为正确