如何在打印中设置页面的顶部，底部的边距?

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 规则允许您指定依赖于媒体查询条件的声明。该规则可以放置在代码的顶层，也可以嵌套在任何其他条件组规则中。

打印

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