首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使单选按钮列表文本不低于单选按钮?

如何使单选按钮列表文本不低于单选按钮?
EN

Stack Overflow用户
提问于 2022-05-27 06:11:47
回答 1查看 110关注 0票数 0

我正在使用visual 2013并使用ASP.Net中的单选按钮列表。我对文本有问题,但它与按钮不一致。这就是我得到的这就是我想要的这里是我的代码

代码语言:javascript
复制
 <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-27 07:19:39

所以,我尝试在asp.net中使用这个

代码语言:javascript
复制
 <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

代码语言:javascript
复制
 table.mylist label {
      width: 100px;
      display: block;
      float: left;
      margin-left: 20px;
      margin-right: 5px;
   }

下面的文字就像图片一样。但是我也想把文本和单选按钮连在一起。

这就是我得到的:

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72401162

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档