0

我有一个带有 css 的 div :

.row
{
width: 100%;
margin-bottom: 3px;
padding: 5px;
border-radius: 7px;
background-color: #F3F3F3;
text-align: right;
min-height: 20px;
}

并使用 span 样式:

  .rowtitle
{
display: inline-block;
border-radius: 5px;
background-color: white;
padding: 3px;
margin-left: 5px;
width: 55px;
}

在 html 中,我使用它。

   <div class="row" style="vertical-align:top">
    <span class="rowtitle" style="width:85px">جنسیت  </span>
       <asp:RadioButtonList ID="jensiatRadioButtonList" runat="server" RepeatDirection="Horizontal" >
         <asp:ListItem Selected="True" Value="1">مرد</asp:ListItem>
         <asp:ListItem Value="0">زن</asp:ListItem>
       </asp:RadioButtonList>
   </div>

但是当我的控件宽度大跨度设置为 div 的底部时。

当我使用单选按钮时,它设置了 div 的底部。

我想将元素设置为 div 的顶部。

在此处输入图像描述

4

1 回答 1

1

添加float:right;clear:both到 .rowtitle

于 2012-12-25T07:53:39.693 回答