asp.net - 单选按钮列表不对齐问题

Question

我刚刚开始使用 Visual Studio 2012 Express WEB，我在代码隐藏中创建的一些控件存在很多问题。

例如，对于我的 RadiobuttonList，实际的单选按钮位于这个类似白色文本框的背景内，而且它很长，并且文本位于单选按钮下方：

我的代码如下：

RadioButtonList radioOption = new RadioButtonList();
                    SqlCommand command1 = new SqlCommand(cmd, conn);
                    SqlDataAdapter adapter1 = new SqlDataAdapter(command1);
                    adapter1.Fill(dt1);

                    if (dt1.Rows.Count > 0)
                    {
                        for (int i = 0; i < dt1.Rows.Count; i++)
                        {
                            radioOption.Items.Add(new ListItem(dt1.Rows[i][9].ToString(), dt1.Rows[i][8].ToString()));
                        }
                    }
                    tb.Rows.Add(tr);
                    td2.Controls.Add(radioOption);
                    tr.Cells.Add(td2);

有任何想法吗？我正在使用 VS Express 的母版页模板。

另外，我可以使用什么 CSS 代码来解决这个设计问题？非常感谢。

Answer 1

在这里找到我的解决方案：

http://forums.asp.net/t/1876579.aspx/2/10?Weird+Radio+button+appearance+in+Visual+Web+Express+2012

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 20px;
}