2017-07-28 71 views
0

我想用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; 
} 

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

回答

0

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

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

打印

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