滚动面板打印问题答案

【问题标题】：Scrolling Panel Printing Issue滚动面板打印问题
【发布时间】：2010-04-16 14:26:28
【问题描述】：

我有一个网站，我们将内容放在滚动面板中，以使其更整洁和排列整齐。尝试打印被滚动隐藏的面板内容时会出现问题。

这是我的面板

<asp:Panel Height="400px" ID="pnlContent" class="ContentPanel ScrollBars="Vertical" runat="server" > 
<!-- Content bla bla bla -->
</asp:Panel>

这是我的 ContentPanel 的 media="print" 样式表代码

.ContentScroller  
{
    overflow:visible;
}

溢出：可见似乎无法移除 ScrollBars="Vertical"

关于如何打印这些隐藏内容有什么想法吗？

【问题讨论】：

【解决方案1】：

尝试使用特定于打印的媒体查询来更改溢出，如下所示：

@media print
{
 .ContentScroller  
 {
     overflow:auto;
 }
}

【讨论】：

【解决方案2】：

尝试将高度设置为 100%。

height: 100%;

这可能是您的问题

Height="400px"

在您的服务器标签中设置。我创建了 2 个 CSS 文件，1 个用于屏幕，1 个用于打印，然后从服务器标签中删除大小。

【讨论】：