asp.net – 如何使ASP CheckBoxList标签与复选框保持在同一行

这可能是一个常见的问题,但我很难找到解决方案来解决它

我有一个模式弹出窗口我用jQuery显示,这个弹出窗口包含一个CheckBoxes和一个Button的列表,代码如下所示：

<div id="dialog" title="Notify Users" >
    <div style="width:100%; height:500px; overflow:auto;">
        <asp:CheckBoxList ID="chkNotify" 
            runat="server" 
            CssClass="checkBoxlist_Nowrap"
            RepeatLayout="Table" 
            /> 
    </div>
    <asp:Button ID="btnSaveNotifications"
        runat="server" 
        Text="Ok"
        />
</div>

弹出窗口正确显示,但每个复选框的标签位于复选框下方的行上.我似乎无法弄清楚为什么会发生这种情况,起初我认为包含CheckBoxList的div太小了所以我给每个div一个固定的宽度,但这没有任何帮助.

我也试过应用这个CSS

.checkBoxlist_Nowrap tr td label
{
    white-space:Nowrap;
    overflow:hidden;
    width:100%;
}

它没有帮助,但我不确定样式表是否实际使用,即使我有：

<link href="../css/HelpDesk.css" rel="stylesheet" type="text/css" />

在我的头标签.

任何人都可以提出我可以尝试的其他建议

谢谢

更新：这是我的Jquery：

$(function () {
    $("#dialog").dialog({
       autoOpen: false,show: "blind",width: 400,hide: "explode"
    });

以下是我填充CheckBoxList的方法：

Private Sub populateCheckBoxList()

      Dim notificationList As DataTable
      notificationList = dbGetNotificationsList(1)

      For Each dr As DaTarow In notificationList.Rows

         Dim li As New ListItem
         li.Text = dr("FullName")
         li.Value = dr("ID")

         If (dr("Checked") = 1) Then
            li.Selected = True
         Else
            li.Selected = False
         End If
         chkNotify.Items.Add(li)

      Next

   End Sub

我已经尝试将CheckBoxList移动​​到form标签内部,这样就不会应用任何其他样式,也不会影响它,但是我仍然遇到同样的问题.

解决方法

对我来说,上述解决方案都没有工作,所以我查找了确切的HTML渲染,发现标签的display属性设置为block.将其更改为内联工作：

.checkBoxlist_Nowrap label
{
     display:inline;
}