2017-07-28 105 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內。

打印

旨在用於分頁材料以及在打印預覽模式下在屏幕上查看的文檔。