Question

ASP.NET控件RadioButtonList的排版

#alert
{
display:none;
z-index:1000;
width:300px;
margin:0;
background-color:#EFF3FB;
clear:left;
border:solid 1px #ABCEEB;
}
#alert p input.sub {display:none;}
<div id="alert">
<h4>
<span >添加会议室: </span><span id="close">关闭</span></h4>
<p>
<label>
会议室名称：<asp:TextBox ID="room_name" runat="server" Width="170px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="room_name"
Display="None" ErrorMessage="会议室名称不能为空"></asp:RequiredFieldValidator>
</label>
</p>
<p>
<label>
会议室地点：<asp:TextBox ID="room_add" runat="server" Width="170px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="room_add"
Display="None" ErrorMessage="会议室地点不能为空"></asp:RequiredFieldValidator>
</label>
</p>
<p>
<label>
会议室描述：<asp:TextBox ID="room_des" runat="server" TextMode="MultiLine" Width="170px"></asp:TextBox>
</label>
</p>
<p>
<label>
会议室状态：<asp:RadioButtonList ID="room_state" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Selected="True">开放</asp:ListItem>
<asp:ListItem>关闭</asp:ListItem>
</asp:RadioButtonList>
</label>
</p>
<p style="text-align:center">
<asp:Button ID="confirm1" runat="server" Text="确定" OnClick="Button_Click"/>
               
<asp:Button ID="cancel1" runat="server" Text="取消" CausesValidation="False" />
</p>
<p>
<asp:ValidationSummary ID="ValidationSummary2" runat="server"
ShowMessageBox="True" ShowSummary="False" />
</p>
</div>
为什么状态后的选项会换行显示

Answer 1

使用RadioButtonList控件好像默认换行。如果要显示到一行的话，可以使用表格限制。代码如下：
<table>
<tr>
<td>
会议室状态：
</td>
<td>
<asp:RadioButtonList ID="room_state" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Selected="True">开放</asp:ListItem>
<asp:ListItem>关闭</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
</table>

Answer 2

关于RadioButton，不知道你用的开发环境是不是 Visual Studio 2005,如果是的话，就好办了！

布局 --位置 -- 绝对 ，然后拖拉一下控件试试 ！想拖到哪就拖到哪

如果不是Visual Studio 2005的话，建议你用表格吧，放表格你就可以控制好位置了

Answer 3

绝对位置最好少用，用表格限制在一个td内应该可行吧