单选按钮列表布局 ASP .Net [关闭]

Question

我无法为单选按钮列表实现所需的布局。我希望输出如下图所示。

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

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