打印滾動表的全部內容

Question

我有下面的頁面可以打印，其中有水平滾動。我需要在水平滾動條區域內打印內容。

當打印此頁，我得到它不包含水平滾動條區域的所有字段的輸出。

不滾動條中的所有內容被打印。

我正在使用的方法是打印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。