RadioButtonList和Label不在同一行

最新推荐文章于 2025-02-27 20:44:12 发布

翻译最新推荐文章于 2025-02-27 20:44:12 发布 · 1.7k 阅读

收录于

.net

当前文章被收录于：

.net

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

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

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>

标签

#asp #server #payment #table #layout

#html