为啥单选按钮列表总是占据一个新行？

Posted 2023-03-06

【中文标题】为啥单选按钮列表总是占据一个新行？

【英文标题】：Why a radiobuttonlist always take a new row?为什么单选按钮列表总是占据一个新行？

【发布时间】：2011-07-26 10:40:51

【问题描述】：

这是一个关于布局的问题。我正在开发一个 .net 页面，每当我在标签之后添加一个单选按钮列表时，它都会归结为下一行。但是在代码方面，它仍然在同一行内。问题是，如果您在 IE 中浏览它，它会归结为下一行。我确信标签和单选按钮列表的宽度都没有过大。是什么原因以及如何解决这个问题？提前致谢。

【参考方案1】：

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

RepeatLayout Property

Different ways it can render

【参考方案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>

这将解决您的问题。干杯

【参考方案3】：

您可以将其显示样式设置为内联：

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

警告：纯粹主义者会尖叫信息应该在其他地方的 CSS 类中。

【讨论】：

在 ASP.net 中，没有人能听到你的尖叫声。

尤其是当您提出的解决方案不起作用时：-P

是的，可能你没有仔细阅读原帖。顺便说一句：回复 7 个月大的帖子被许多人认为是死帖。

【参考方案4】：

如果你在页面上应用了css，那么单选按钮列表的风格很难保持。

我的用下面的代码修复了

#radiobuttonlist label

   vertical-align: super;