为什么单选按钮列表总是有新的一行？

Question

这是一个关于布局的问题。我正在开发一个.net页面，每当我在标签后面添加一个单选按钮列表时，它就会转到下一行。但在代码端，它仍然在同一行中。问题是，如果你在IE中浏览它，它会转到下一行。我确信标签和单选按钮列表的宽度都不会过大。这个问题的原因是什么，如何解决？提前谢谢。

Answer 1

默认情况下，RadioButtonList呈现为表。您可以更改设置属性RepeatLayout="Flow"，它将在span中呈现。

RepeatLayout Property

Different ways it can render

Answer 2

将属性添加到单选按钮列表中

RepeatDirection=“水平”

   <asp:RadioButtonList RepeatDirection="Horizontal" 
        ID="RadioButtonList1" runat="server" style="display:inline">
        <asp:ListItem>asdf</asp:ListItem>
        <asp:ListItem>sdfg</asp:ListItem>
    </asp:RadioButtonList>

这将解决您的问题。干杯

Answer 3

你可以将它的显示样式设置为内联：

<asp:RadioButtonList
    ID="RadioButtonList1" runat="server" style="display:inline">
    <asp:ListItem>asdf</asp:ListItem>
    <asp:ListItem>sdfg</asp:ListItem>
</asp:RadioButtonList>

警告:纯粹主义者会大喊信息应该在其他地方的CSS类中。