显示radiobuttonlist内联

Question

我的页面上有一些放射学家.我面临的问题是单选按钮的文本没有显示在内部的辐射按钮上.我已将repeatLayout放到Table和Flow中,但两者都没有工作.我试图添加一种显示风格:内联; 但这也不起作用(虽然它在复选框上做了,我想也许它也可以在这里工作).

这只是一个普通的放射学家:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

ul.radioButtonList { list-style:none; margin: 0; padding: 0;}
ul.radioButtonList.horizontal li { display: inline;}

当repeatLayout在桌子上时:

当repeatLayout在Flow上时:

有人可以帮助我如何设置它,以便文本显示在单选按钮旁边...如果它有所作为,radioButtonList在一个表....

---

解:

这就是单选按钮列表现在的样子:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

这是cssClass:

<style type="text/css">
    .radioButtonList { list-style:none; margin: 0; padding: 0;}
    .radioButtonList.horizontal li { display: inline;}

    .radioButtonList label{
        display:inline;
    }
</style>

Answer 1

检查Aroon Soraali建议的解决方案:

<asp:RadioButtonList RepeatDirection="Horizontal" ID="rblFilterType" runat="server"/>

Answer 2

试试这个:

.radioButtonList label{
    display:inline;
}

适合我,但如果它不适合你,那么你可以尝试这个解决方案 http://forums.asp.net/t/1089664.aspx/1

他将输入和标签显示为块并浮动.