javascript - 如何在打印中设置页边距顶部、底部？

Question

我想用 javascript 打印一个特殊的页面 div。

<script language="javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
    }
</script>

在html页面中

<div id="MainDIV" style="width:700px; min-height: 100%; padding-top: 0; margin-top: 0; padding-right:15px; padding-left: 15px;font-family: 'BYagut' !important">
     // my code
</div>

并为此页面设置CSS。

@page {
    margin-top: 0;
    margin-bottom: 0;
}

但是当我点击打印按钮时，页面顶部有很大的距离。

Answer 1

查看 @media .您可以将其设置为“打印”并在 CSS 中指定边距。

The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule.

print

Intended for paged material and for documents viewed on screen in print preview mode.