我有一个模式弹出窗口我用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标签内部,这样就不会应用任何其他样式,也不会影响它,但是我仍然遇到同样的问题.