如何在打印中设置页边距，页面底部？

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。您可以将其设置为＆＃34; print＆＃34;并在CSS中指定边距。

  

@media CSS at-rule允许您指定依赖于媒体查询条件的声明。规则可以放在代码的顶层，也可以嵌套在规则的任何其他条件组中。

     

打印

     

用于分页材料和在打印预览模式下在屏幕上查看的文档。