单选按钮列表布局ASP .Net

Question

我无法实现radiobuttonlist的所需布局。我希望输出看起来像下图。

这是我想要实现的目标的链接：

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

这是我的代码试图实现上述目标，但我无法以编程方式获取单选按钮上方的文本。它是CSS的东西吗？我尝试过RepeatLayout，RepeatDirection，RepeatColumns，TextAlign等许多不同的组合。

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

感谢您提供建议。

Answer 1

我能够通过这个测试来做到这一点。

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