display radiobuttonlist inline

Question

Tôi có một vài radiolists trên trang của mình. Vấn đề mà tôi đang phải đối mặt là văn bản của các nút radio không được hiển thị nội tuyến của nút radion. Tôi đã đặt repeatLayout vào Table và Flow và cả hai đều không hoạt động. Tôi đã cố gắng thêm một kiểu hiển thị: inline; nhưng điều đó không hoạt động (mặc dù nó đã làm trên các hộp kiểm tra và tôi nghĩ rằng có lẽ nó cũng sẽ hoạt động ở đây).

Đây chỉ là một radiolist bình thường:

<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;} 

Khi repeatLayout ở trên bàn:

Và khi repeatLayout là trên Lưu lượng:

Som có ​​thể ebody hãy giúp tôi làm thế nào để thiết lập nó để văn bản được hiển thị bên cạnh nút radio ... Nếu nó làm cho một sự khác biệt trong RadioButtonList là trong một bảng ....

---

SOLUTION:

Đây là những gì radio buttonlist trông giống như bây giờ:

<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> 

Và đây là 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

Hãy thử điều này:

.radioButtonList label{ 
    display:inline; 
} 

công trình đối với tôi, nhưng nếu nó không làm việc cho bạn thì bạn có thể thử giải pháp này http://forums.asp.net/t/1089664.aspx/1

Ông sẽ hiển thị đầu vào và nhãn như khối và nổi cả hai.

Answer 2

Check the solution suggested by Aroon Soraali:

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