为什么我的打印总是从页面底部开始而不是从页面顶部开始？

Question

我的打印页面总是从页面底部开始浪费纸张的大约60％，而不是从页面顶部开始打印。它从顶部开始，如果我使用固定位置，但是所有页面都被合并为一页而不是缩放为必要的页面数。

@media print
{
    body, header, footer,aside, nav, form, iframe, .menu, .hero, .adslot
    {
        visibility: hidden;
    }

.   page-break  
    {
        page-break-before : always;

        page-break-inside : avoid;
    }

    #print
    {
        visibility: visible;
    }    

    table 
    {
        width: 100%;
        height: 100%;
        line-height: 2em;
    }

    table td 
    {
        text-align: center;
    }    
}

@page
{
   size: A5;
}

Answer 1

更改

body, header, footer,aside, nav, form, iframe, .menu, .hero, .adslot
{
    visibility: hidden;
}

到

body, header, footer,aside, nav, form, iframe, .menu, .hero, .adslot
{
    display: none;
}

当您使用visibility: hidden;时，仍为页面上的那些元素分配了空间，只是看不到它们。 display: none;不会在页面上显示所有元素，尽管它们仍然存在于dom中。