印刷のページの余白の上端、下端を設定するにはどうすればよいですか？

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で余白を指定することができます。

@media CSS at-ruleでは、メディアクエリの条件に依存する宣言を指定できます。ルールは、コードの最上位レベルに配置することも、他の条件グループのルール内にネストすることもできます。

印刷

ページング材料のため、印刷プレビューモードでは、画面上で見た文書を対象としています。