打印可滚动表的全部内容

Question

我有以下页面可以打印水平滚动。我需要在水平滚动条区域内打印内容。

打印此页面时，我得到的输出不包含水平滚动条区域中的所有字段。

并非打印滚动条中的所有内容。

我使用的方法是Print CSS。

@media print {
    .noprint {
        display: none;
        overflow: visible;
    }
}

Answer 1

您在那里使用的打印CSS将隐藏任何具有noprint类的HTML。

您能否向我们展示滚动区域的HTML大纲以及应用于它的常规CSS？

Answer 2

好的，我找到了解决方案。这就是我所做的：

@media print {
    .noprint { 
        display: none
    }
    .mypages div.compare {
        white-space: normal
    }

    .mypages .compare .estate {
        padding-bottom: 110px
    }
}

这里，div .compare是包含我要打印的所有元素的容器。

和.estate是我要在div列表中打印的状态。它用于设置打印元素之间的差距。这意味着它连续打印3个状态。然后在第一个底部的第二个3和喜欢明智。为了设置这些行之间的差距，我使用了.mypages .compare .estate div。