Question

我正在尝试将Label控件放在面板控件中。当标签内容大于面板容量时，面板控件应该允许用户向下滚动。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EventReviewPage.aspx.cs"
Inherits="EventReviewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
    <table>
        <tr>
            <td>
                <asp:Label ID="Label1" runat="server" Text="Event Log: "></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtLog" runat="server"></asp:TextBox>
            </td>
            <td>
                <asp:CheckBox ID="chkAll" runat="server" OnCheckedChanged="chkAll_CheckedChanged"
                    AutoPostBack="True" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label2" runat="server" Text="Source: "></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtSource" runat="server"></asp:TextBox>
            </td>
        </tr>
    </table>
 </div>
 <div>
    <asp:Button ID="cmdGet" runat="server" Text="Get Records" OnClick="cmdGet_Click" />
 </div>
 <asp:Panel ID="Panel1" runat="server" BorderStyle="None" ScrollBars="Vertical">
    <asp:Label ID="lblResult" runat="server" Text=""></asp:Label>
 </asp:Panel>
 </form>
 </body>
 </html>

Answer 1

asp:Panel使用div对文本进行扭曲，但是您没有为此面板指定高度，因此它们的高度始终适合您的数据高度，这就是为什么您看不到滚动条的原因那个div。

如果同时设置高度和宽度，则会看到滚动条。

例如

<asp:Panel ID="Panel1" runat="server" BorderStyle="None" 
      ScrollBars="Vertical" Height="80px" Width="180px">

面板滚动条不适用于标签内容

1 个答案: