如何在打印頁面頂部，底部設置頁邊距？

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 。 您可以將其設置為“ print”，並在CSS中指定頁邊距。

@media CSS規則可讓您指定依賴於媒體查詢條件的聲明。 該規則可以放在代碼的頂層，也可以嵌套在任何其他條件組規則中。

打印

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