如何左右对齐控件?

时间:2012-07-06 17:15:50

标签: c# asp.net

我使用ASP.NET制作动态单选按钮。哪里有验证控件,我想对齐此无线电按钮的一侧。

代码:

<asp:RadioButtonList
                ID="tiposeg"
                runat="server"
                RepeatColumns="3">
                <asp:ListItem>a</asp:ListItem>
                <asp:ListItem>b/asp:ListItem>
            </asp:RadioButtonList> 
               <asp:RequiredFieldValidator ID="RequiredFieldValidator15" 
                ControlToValidate="tiposeg" 
                ErrorMessage='<% # foo.ErrorMessages.EmptyField %>'
                runat="server"
                />

问题是:如果使用<asp:RadioButtonList进行制作,<asp:RequiredFieldValidator会显示在下一行,这与使用&#34; HTML pure&#34;进行显示不同,显示方面控制(不需要使用CSS)。我希望这很清楚。谢谢你。

修改 换句话说,它可以将<span>生成的asp:RequiredFieldValidator放在<table>生成的<asp:RadioButtonList内吗?

编辑2

我当前的 ASP.NET 代码;

 <asp:RadioButtonList 
    ID="RadioButtonList1"
    runat="server"
    RepeatColumns="3">
    <asp:ListItem>abcd</asp:ListItem>
    <asp:ListItem>xyz</asp:ListItem>
    </asp:RadioButtonList>

     </li>
     <li style="display:inline">

    <asp:RequiredFieldValidator 
    ID="ReqiredFieldValidator1"
    runat="server"
    ControlToValidate="RadioButtonList1"
    ErrorMessage="select atleast one radiobutton!"
    />

表格:

我得到了什么:

enter image description here

我期待的是:

enter image description here

2 个答案:

答案 0 :(得分:7)

你真的想在一个有多行和多列的网格中安排单选按钮吗?如果没有,请删除RepeatColumns属性并添加RepeatLayout="Flow"RepeatDirection="Horizontal"

<asp:RadioButtonList runat="server" ID="RadioButtonList1"
    RepeatLayout="Flow" RepeatDirection="Horizontal">

这将呈现单选按钮而不包含<table>,因此验证器将显示在最后一个单选按钮的右侧。

答案 1 :(得分:0)

你可以通过将控件放在DIV中并将它们都悬浮在左边来实现你想要的吗?