35

私のページにはいくつかのラジオリストがあります。私が直面している問題は、ラジオ ボタンのテキストがラジオ ボタンのインラインに表示されないことです。RepeatLayout を Table と Flow に配置しましたが、どちらも機能していません。display:inline; のスタイルを追加しようとしました。しかし、それも機能しません（チェックボックスでは機能しましたが、ここでも機能するのではないかと思いました）。

これは単なる通常のラジオリストです:

<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 がフロー上にある場合:

ここに画像の説明を入力

テキストがラジオボタンの横に表示されるように設定する方法を教えてください...違いがある場合は、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>
4

3 に答える 3

45

Aroon Soraali が提案した解決策を確認してください。

<asp:RadioButtonList RepeatDirection="Horizontal" ID="rblFilterType" runat="server"/>
于 2014-05-06T13:33:25.597 に答える
19

これを試して：

.radioButtonList label{
    display:inline;
}

私にはうまくいきますが、うまくいかない場合は、この解決策を試すことができます http://forums.asp.net/t/1089664.aspx/1

彼は入力とラベルをブロックとして表示し、両方をフロートします。

于 2013-07-16T07:46:00.840 に答える