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

Question

这可能是一个常见问题，但我正在努力寻找能够解决它的解决方案

我有一个用 jQuery 显示的模态弹出窗口，这个弹出窗口包含一个复选框列表和一个按钮，代码如下所示:

<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 移动到表单标签内，这样就不能应用其他样式，也不会影响它，但是我仍然遇到同样的问题。

Answer 1

对我而言，上述解决方案均无效，因此我查看了呈现的确切 HTML，发现标签的显示属性设置为阻止。将其更改为内联有效:

.checkboxlist_nowrap label
{
     display:inline;
}