单选按钮列表布局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;
}