asp.net中复选框列表中的滚动条答案

【问题标题】：Scrollbar in checkbox list in asp.netasp.net中复选框列表中的滚动条
【发布时间】：2011-02-18 11:57:26
【问题描述】：

我正在使用 VS 2005，在 asp.net 中，请告诉我如何在项目计数超出指定数量后在复选框列表中显示滚动条。就像我的情况一样，如果它们在我的复选框列表中存在超过 5 个项目，那么它应该显示一个滚动条.. 我不想固定它的高度，比如如果它们只有 1 个项目，那么它应该只占用 1 个项目的空间.. ..请帮帮我...

我用过这个，但它占用空间（高度），即使它们是列表中的 1 或 2 个项目。 div style="overflow-y :auto; height :100px "

【问题讨论】：

标签： asp.net checkboxlist

【解决方案1】：

您可以设置容器 div 的最大高度，而不是使用静态值来固定高度。在这种情况下，只要它小于您指定的高度，它将使用自动高度 :)

P.S. 为了让 max-height 跨浏览器兼容，你必须在你的 css 中进行如下设置：

.checkBoxList {
  max-height:100px;
  height:auto !important;
  height:100px;
}

【讨论】：

【解决方案2】：

我是这样使用面板的：

HTML：

<asp:Panel ID="checkBoxPanel" runat="server" CssClass="scrollingControlContainer">
        <asp:CheckBoxList ID="chblCustomers" runat="server"></asp:CheckBoxList>         
    </asp:Panel>

.填充方法

 chblCustomers.Items.Add("CK");
                chblCustomers.Items.Add("Tommy");
                chblCustomers.Items.Add("C&A");
                chblCustomers.Items.Add("CK");
                chblCustomers.Items.Add("Tommyyyyyyyyyyyyy");
                chblCustomers.Items.Add("C&A");
                chblCustomers.Items.Add("CK");

还有它的 CSS：

    .scrollingControlContainer
{
    overflow-x: auto;
    overflow-y: scroll;
}

【讨论】：