web-dev-qa-db-ja.com

ラジオボタンリストのレイアウトASP .Net

Radiobuttonlistの目的のレイアウトを実現するのに問題があります。下の画像のように出力したいのですが。

これが私が達成しようとしていることへのリンクです:

http://skitch.com/hiraldesai/fcfn9/radio-button-layout

これが上記を達成しようとしている私のコードですが、プログラムでラジオボタンの上にテキストを取得することができません。それはCSSのものですか? RepeatLayout、RepeatDirection、RepeatColumns、TextAlignなどのさまざまな組み合わせを試しました。

AnswerRadioButtons.RepeatLayout = RepeatLayout.Table
AnswerRadioButtons.RepeatDirection = RepeatDirection.Horizontal                            

アドバイスありがとうございます。

10
Hiral Desai

私はこのテストでそれを行うことができました。

<asp:RadioButtonList ID="rbl" runat="server" RepeatDirection="Horizontal" 
        RepeatLayout="Table" CssClass="RBL" TextAlign="Left">
    <asp:ListItem Text="radio button 1" />
    <asp:ListItem Text="radio button 1" />
    <asp:ListItem Text="radio button 1" />
</asp:RadioButtonList>

このCSSで

.RBL label
{
    display: block;
}

.RBL td
{
    text-align: center;
    width: 20px;
}
14
abney317