如何使广播按钮列表文本不在单选按钮下方?

发布于 2025-02-01 13:27:48 字数 1867 浏览 1 评论 0原文

我正在使用Visual Studio 2013,并使用ASP.NET中的“单选按钮”列表。我对文本有问题,与按钮不符。 这就是我得到的这就是我想要的 这是我的代码

 <div class="form-group">
      <div class="row">
         <div class="col-md-2">
              <asp:Label ID="lbl6" Text="From Date" runat="server"></asp:Label>
         </div>
         <div class="col-md-2">
              <dx:ASPxDateEdit ID="datepickerFrom" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
              </dx:ASPxDateEdit>
         </div>
            <div class="col-sm-2">
                <dx:ASPxDateEdit ID="datepickerto" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
                    <DateRangeSettings StartDateEditID="datepickerFrom" />
                </dx:ASPxDateEdit>
             </div>
             <div class="col-md-2">
                <asp:CheckBox ID="cbHalfDay" runat="server" Text="Half Day" AutoPostBack="true" />
                                   <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" CssClass="margin-5">
                                       <asp:ListItem Text="First Half&nbsp;&nbsp;&nbsp;&nbsp;" Value="1" />
                                       <asp:ListItem Text="Second Half" Value="2" />
                                   </asp:RadioButtonList>
            </div>
        </div>
 </div>

I am using visual studio 2013 and use the radio button list in ASP.Net. Im having problem with the text which it's not in line with the button. This is what I got and This is what I want
here is my code

 <div class="form-group">
      <div class="row">
         <div class="col-md-2">
              <asp:Label ID="lbl6" Text="From Date" runat="server"></asp:Label>
         </div>
         <div class="col-md-2">
              <dx:ASPxDateEdit ID="datepickerFrom" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
              </dx:ASPxDateEdit>
         </div>
            <div class="col-sm-2">
                <dx:ASPxDateEdit ID="datepickerto" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
                    <DateRangeSettings StartDateEditID="datepickerFrom" />
                </dx:ASPxDateEdit>
             </div>
             <div class="col-md-2">
                <asp:CheckBox ID="cbHalfDay" runat="server" Text="Half Day" AutoPostBack="true" />
                                   <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" CssClass="margin-5">
                                       <asp:ListItem Text="First Half    " Value="1" />
                                       <asp:ListItem Text="Second Half" Value="2" />
                                   </asp:RadioButtonList>
            </div>
        </div>
 </div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

紫竹語嫣☆ 2025-02-08 13:27:48

因此,我尝试在ASP.NET中使用它

 <div class="col-sm-8">
     <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" RepeatLayout="Table" RepeatColumns="2" CssClass="mylist">
        <asp:ListItem Text="First Half" Value="1" />
        <asp:ListItem Text="Second Half" Value="2" />
        </asp:RadioButtonList>
 </div>

,这是CSS

 table.mylist label {
      width: 100px;
      display: block;
      float: left;
      margin-left: 20px;
      margin-right: 5px;
   }

和文本,如下图所示。但是我也希望文本与单选按钮内联。

这就是我得到的:

”这是我得到的”

So,I try to use this in asp.net

 <div class="col-sm-8">
     <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" RepeatLayout="Table" RepeatColumns="2" CssClass="mylist">
        <asp:ListItem Text="First Half" Value="1" />
        <asp:ListItem Text="Second Half" Value="2" />
        </asp:RadioButtonList>
 </div>

and this is the css

 table.mylist label {
      width: 100px;
      display: block;
      float: left;
      margin-left: 20px;
      margin-right: 5px;
   }

And the text in line like image below. BUT I want the text inline with the radio button too.

This is what I got:

This is what I got

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文