RadioButtonListのラベルテキストがボタンの下にくるのを防ぐにはどうすればいいですか？

ラジオボタンリストがあり、ラベルのいくつかがかなり長いのでラップしてラジオボタンの下に2行目が表示されます。理想的には、最初の行の最初の文字の下で始まる2行目でテキストを折り返したいと思います。RadioButtonListのラベルテキストがボタンの下にくるのを防ぐにはどうすればいいですか？

どのようなアイデアですか？または私は自分のリストベースのコントロールをこれに対して行う必要がありますか？

出典

2009-05-08 Mark Dickinson

このCSSは実際にトリックん：

<style type="text/css"> 
table.radioWithProperWrap input 
{  
     float: left; 
} 

table.radioWithProperWrap label 
{  
     margin-left: 25px; 
     display: block; 
} 
</style> 
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>

出典

2009-05-08 09:39:19

多くのありがとう、私はIEのために働いて、表示するために強制的にどの要素を並べ替えるのと同じスタイルを持っていました：あなたが頭の釘を打ったときブロック。 –

ありがとうございました！それは役に立ちました。 – Sandra

それは美しいです。 – Jazzy

ラジオボタンと別のラベルを取り、そのラベルのAssociatedControlIDプロパティを設定することができます。

<table> 
    <tr> 
     <td> 
      <asp:RadioButton runat="server" ID="rdo" /> 
     </td> 
     <td> 
      <asp:Label runat="server" ID="lbl" Text="Radio Text" AssociatedControlID="rdo" /> 
     </td> 
    </tr> 
</table>

出典

2009-05-08 09:08:44 Kirtan

ありがとう、私はスタイルのアイデアに行くので、さらにテーブルレイアウトを行う必要はありません期待していた。 –

ありがとう！それは正解です。 –

は、私はそれが少し遅くゲームで知っているが、これは働いていたIE8

出典

2009-08-19 16:03:44

のために働く-20px負テキストインデントスタイルを試してみてください私のために：

私が選択した回答者のアプローチを使用したとき、ラッピングの問題は修正されましたが、ラジオボタンラベルよりも小さいvewピクセルをレンダリングします。私はIE9互換モードを使用しています。

出典

2011-12-06 19:02:15 oscilatingcretin