c# - 如何对齐 html 表单上的单选按钮？

Question

我试图让这些单选按钮对齐，以便它们在包含的 div 中并排放置。我怎样才能做到这一点。

 <div class="form-field">
      @Html.Label("Gender")
      <span>Male @Html.RadioButton("gender", "Male")</span>
      <span>Female @Html.RadioButton("gender", "Female")</span>
      <span>Unkown @Html.RadioButton("gender", "Unknown")</span>
 </div>

输出应该是内联的，而不是相互堆叠的。 IE8

Answer 1

我在其中创建了一个 div 和一个表，这允许我将单选按钮指示为表数据之一。下面是它的示例代码，你可以试试:

    <div>
    <table class="textfont" style="width:100%">
    <tr>
    <td>&nbsp;</td>
    <td><asp:RadioButton ID="" runat="server" Text="" AutoPostBack="True" /></td>
    <td><asp:RadioButton ID="" runat="server" Text="" AutoPostBack="True" /></td>
    </tr> 
    </table>
    </div>

如果有问题告诉我。