请求帮助：asp.net C# RadioButtom单选按钮哪个属性确定按钮水平排列。急。

jacklee3 2016-02-02 03:01:30

问题如标题，本人正在学习中，遇到问题纠结中，请求高手出手帮助，谢谢您的帮助。祝您新年快乐，万事如意。

...全文

344 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

以专业开发人员为伍 2016-02-02

打赏
举报

所谓 <ul><li>的数据布局，并不是像你那样纠结 RadioButton 控件的。例如

	
<%@ Page Language="C#" AutoEventWireup="true" %>
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
<style>
    ul{
        list-style: none;
    }

    .inline li {
        float: left;
        margin-left: 5em;
    }
</style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="inline">
            请选择商品：<br />
            <ul>
                <li>
                    <asp:RadioButton
                        ID="RadioButton1"
                        Text="薯片"
                        GroupName=" foods" RepeatDirection="Horizontal"
                        runat="server" />
                </li>
                <li>
                    <asp:RadioButton
                        ID="RadioButton2"
                        Text="爆米花"
                        GroupName=" foods"
                        runat="server" />
                </li>
                <li>
                    <asp:Button
                        ID="RadioButton3"
                        Text="巧克力"
                        runat="server" />
                </li>
                <li>
                    <asp:CheckBox
                        ID="RadioButton4"
                        Text="可乐"
                        runat="server" />
                </li>
            </ul>
        </div>
    </form>
</body>
</html>

如果你抄了别人的代码人，然后删除人家的 <ul><li> 之后就能达到你的目的了，那么基本上可以判断说：你并没有理解别人最初的代码。

以专业开发人员为伍 2016-02-02

打赏
举报

当然要修饰一下表现，你可以增加更多的设置，例如

<style>
    ul{
        list-style: none;
    }

    .inline li {
        float: left;
        margin-left: 5em;
    }
</style>

总之，既然你使用 <ul><li>，那就跟asp.net控件本身的属性没有关系了。

以专业开发人员为伍 2016-02-02

打赏
举报

给那写一个例子：

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        .inline li {
            float: left;
            margin-left: 5em;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="inline">
            请选择商品：<br />
            <ul>
                <li>
                    <asp:RadioButton
                        ID="RadioButton1"
                        Text="薯片"
                        GroupName=" foods" RepeatDirection="Horizontal"
                        runat="server" />
                </li>
                <li>
                    <asp:RadioButton
                        ID="RadioButton2"
                        Text="爆米花"
                        GroupName=" foods"
                        runat="server" />
                </li>
                <li>
                    <asp:RadioButton
                        ID="RadioButton3"
                        Text="巧克力"
                        GroupName=" foods"
                        runat="server" />
                </li>
                <li>
                    <asp:RadioButton
                        ID="RadioButton4"
                        Text="可乐"
                        GroupName=" foods"
                        runat="server" />
                </li>
            </ul>
        </div>
    </form>
</body>
</html>

程序猿老曾 2016-02-02

打赏
举报

你应该是说RadioButtonList控件吧？？ <asp:RadioButtonList ID="rbtnList" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"></asp:RadioButtonList> 上面的代码表示RadioButtonList五个元素为一行，按水平方向排序； RepeatDirection="Vertical"为垂直排序

以专业开发人员为伍 2016-02-02

打赏
举报

引用 2 楼 jacklee3 的回复:

谢谢您关心，我是说在asp.net C#中的radiobutton单选按钮，选项默认是垂直排列的，怎么设置成水平排列。

样式： float: left;

jacklee3 2016-02-02

打赏
举报

谢谢，按你说的解决了。

独立观察员 2016-02-02

打赏
举报

引用 5 楼 shingoscar 的回复:

你把什么ul、li这些去掉就是水平的了

然后应该还要使用CSS设置浮动才行。

正怒月神版主 2016-02-02

打赏
举报

radiobutton？那不是自己拖拉来控制位置的吗。。。有什么水平和垂直？楼主截个图看看

jacklee3 2016-02-02

打赏
举报

比如下面的按钮，怎么让它水平排列。 <div> 请选择商品：<br /> <ul> <li> <asp:RadioButton ID="RadioButton1" Text="薯片" GroupName=" foods" RepeatDirection="Horizontal" runat="server" /> </li> <li> <asp:RadioButton ID="RadioButton2" Text="爆米花" GroupName=" foods" runat="server" /> </li> <li> <asp:RadioButton ID="RadioButton3" Text="巧克力" GroupName=" foods" runat="server" /> </li> <li> <asp:RadioButton ID="RadioButton4" Text="可乐" GroupName=" foods" runat="server" /> </li> </ul> </div>

Poopaye 2016-02-02