滚动条问题

Question

<asp:Repeater ID="rptCustomer" runat="server">
        </asp:Repeater>  各位好，我现在用Repeater 读取信息，页面拉开太长了，用户说要改，能否给Repeater 添加一个滚动条，只让Repeater 的内容在滚动条中显示？？ 我试了Div，不行啊。求解答

Answer 1

Repeater 高度限制死要记得写高度 外面套个div 就OK .div{   overflow: auto;}

Answer 2

应用样式 style='overflow:scroll';
可以给DIV加上这个样式（意思：当内容超过容器的时候以什么方式显示。带滚动。）

Answer 3

试了，没效果啊。这是我的Repeater 控件  <asp:Repeater ID="rptCustomer" runat="server">
            <ItemTemplate>
                <table width="900" border="0" cellpadding="0" cellspacing="0" class="control_table">
                    <tr>
                        <td colspan="2" style="background-image: url(../images/BBS/title.gif); height: 20px;
                            border-bottom: #79b7cf 1px solid;">
                            <asp:Label ID="lblTitleType" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="style2">
                            <table cellpadding="0" cellspacing="0" style="width: 100%;">
                                <tr>
                                    <td style="background-color: #e7f1f8;" class="style1">
                                        &nbsp;
                                    </td>
                                    <td style="text-align: left; background-color: #e7f1f8;">
                                        &nbsp;&nbsp;
                                        <table style="border-collapse: collapse; border-color: Navy; width: 405px;">
                                                                                       </tr>                                            <tr>
                                                <td colspan="2" class="style7" style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                                <td colspan="2" class="style8" style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                                <td style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="background-color: #e7f1f8" class="style14">
                                    </td>
                                    <td style="text-align: left; background-color: #e7f1f8;">
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
        </asp:Repeater>

Answer 4

我想做我上面回帖的这种样式，CSDN自带的。嘿嘿

Answer 5

错了div高度要限制死 样式里设置好高度Repeater 不用设置

Answer 6

<div style="width:600px;height:600px;overflow:scroll">
<asp:Repeater ID="rptCustomer" runat="server">
            <ItemTemplate>
                <table width="900" border="0" cellpadding="0" cellspacing="0" class="control_table">
                    <tr>
                        <td colspan="2" style="background-image: url(../images/BBS/title.gif); height: 20px;
                            border-bottom: #79b7cf 1px solid;">
                            <asp:Label ID="lblTitleType" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="style2">
                            <table cellpadding="0" cellspacing="0" style="width: 100%;">
                                <tr>
                                    <td style="background-color: #e7f1f8;" class="style1">
                                        &nbsp;
                                    </td>
                                    <td style="text-align: left; background-color: #e7f1f8;">
                                        &nbsp;&nbsp;
                                        <table style="border-collapse: collapse; border-color: Navy; width: 405px;">
                                                                                       </tr>                                            <tr>
                                                <td colspan="2" class="style7" style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                                <td colspan="2" class="style8" style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                                <td style="border: solid 1px;">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="background-color: #e7f1f8" class="style14">
                                    </td>
                                    <td style="text-align: left; background-color: #e7f1f8;">
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
        </asp:Repeater>
</div>
手写的div.