在 asp:Radiobuttonlist 中对齐文本答案

【问题标题】：Align text in asp:Radiobuttonlist在 asp:Radiobuttonlist 中对齐文本
【发布时间】：2017-01-05 12:15:42
【问题描述】：

下图是我的问题的现状。

如何使文本停留在单选按钮之后？以下是我的代码：

<div class="form-group">
<div class="col-sm-2">
    <asp:Label ID="AutoContra" CssClass="control-label" runat="server" Font-Bold="true">Auto Contra</asp:Label>
</div>
<div class="col-sm-1">:</div>
<div class="col-sm-2">
    <asp:RadioButtonList ID="autcon" runat="server" CssClass="radio" RepeatLayout="Flow" RepeatDirection="Horizontal">
        <asp:ListItem Text="Yes" Value="1" Selected="True"></asp:ListItem>
        <asp:ListItem Text="No" Value="0"></asp:ListItem>
    </asp:RadioButtonList>
</div>
<div class="col-sm-1"><span style="color:red;">*</span></div>
</div>

有什么帮助吗？谢谢！

【问题讨论】：

标签： asp.net radiobuttonlist

【解决方案1】：

使用单选按钮css 样式cssclass="rbl"

<style type="text/css">
   .rbl input[type="radio"]
   {
        margin-left: 20px;
        margin-right: 5px;
   }
</style>
<asp:RadioButtonList   ID="autcon" runat="server" CssClass="rbl" RepeatLayout="Flow" RepeatDirection="Horizontal">
   <asp:ListItem Text="Yes" Value="1" Selected="True"></asp:ListItem>
   <asp:ListItem Text="No" Value="0"></asp:ListItem>
</asp:RadioButtonList>

【讨论】：