0

この問題を検索しましたが、見つかりません...私の問題は、ラベルに合わせて調整しようとしているこのラジオボタンリストにありますが、これを取得し続けます。

ここに画像の説明を入力

ご覧のとおり、ボタンリストの幅は固定されているため、変更することはできません。赤い円は、ラジオ ボタンを配置する場所です。私は textalign="right" を試みましたが、このように名前 (dr. mr...) の前のスペースが広いため、2 行目に重なってしまいます... ご覧のとおり、幅は固定されています... ここに画像の説明を入力

以下は私のコードです...このばかげた問題を解決する方法はありますか??? ありがとう

<div style="padding:5px;"><label>Prefix *</label>
<asp:RadioButtonList id="Prefix" runat="server" TextAlign="Left" RepeatDirection="Vertical">
    <asp:listitem id="Dr" runat="server" >Dr.</asp:listitem>
    <asp:listitem id="Mr" runat="server" >Mr.</asp:listitem>
    <asp:listitem id="Mrs" runat="server" >Mrs.</asp:listitem>
    <asp:listitem id="Miss" runat="server" >Miss</asp:listitem>
    <asp:listitem id="Ms" runat="server" >Ms.</asp:listitem>
</asp:RadioButtonList>
<asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server"
       ControlToValidate="Prefix"
       ErrorMessage="Prefix is required."
       ForeColor="Red">
    </asp:RequiredFieldValidator></div>

アップデート -

「プレフィックス*」のようなすべてのラベルを揃えると思われる次のcssがあります...それで、なぜラジオボタンに影響を与えるのですか...それを修正するための何らかのオーバーライドがありますか?

 label
    {
        width: 20em;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block;
        color: Black;
     }
4

1 に答える 1

5

クラス名をラジオボタン リストに割り当てます

<asp:RadioButtonList id="Prefix" runat="server" CssClass="radioButtonList" RepeatDirection="Vertical">
    <asp:listitem Value="Dr">Dr.</asp:listitem>
    <asp:listitem Value="Mr">Mr.</asp:listitem>
    <asp:listitem Value="Mrs">Mrs.</asp:listitem>
    <asp:listitem Value="Miss">Miss</asp:listitem>
    <asp:listitem Value="Ms">Ms.</asp:listitem>
</asp:RadioButtonList>

そして、次のCSSを使用してください

.radioButtonList input
 {    
      float: left;
 }

 .radioButtonList label
 {    
      margin-left: 10px;
      display: block;
      text-align: left;
 }
于 2012-10-24T22:36:27.770 に答える