RadioButtonList和Label不在同一行

最新推荐文章于 2022-05-14 11:30:15 发布

翻译最新推荐文章于 2022-05-14 11:30:15 发布 · 1.7k 阅读

文章标签：

#asp #server #payment #table #layout #html

.net 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种解决ASP.NET中RadioButtonList默认换行的方法：一是通过设置RepeatLayout为Flow来实现水平布局；二是使用表格布局并在同一<tr>标签内放置Label和RadioButtonList，以确保它们位于同一行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The new line is not due to the label control. By default the RadioButtonList is rendered as a HTML table and this forces the Radiobuttonlist to be rendered on a separate line. There are two ways to solve your problem

1. Change the RepeatLayout of your Radiobuttonlist by setting RepeatLayout="Flow" as given below

<asp:RadioButtonList repeatdirection="Horizontal" ID="RadioButtonList1" runat="server" RepeatLayout="flow" >

2. If you prefer the Table layout, then the workaround is to enclose your label and Radiobuttonlist within a single <tr> tag like given below. This will force the label and radionbuttonlist to be on the same line

<table>
<tr>
<td>
    <asp:Label ID="PaymentLabel" Text="Payment Option:" runat="server" ></asp:Label>
</td>
<td>
    <asp:RadioButtonList repeatdirection="Horizontal" ID="RadioButtonList1" runat="server">
    <asp:ListItem Selected="True">Cash</asp:ListItem>
    <asp:ListItem>Credit Card</asp:ListItem>
    </asp:RadioButtonList>
</td>
</tr>
</table>