如何将整个HTML页面打印为A4

2023年4月2日 535次阅读

我已经采取了
a template from w3-schools,做了一些研究,并通过调查
this question尝试了这个：

@page {
   size: 7in 9.25in;
   margin: 27mm 16mm 27mm 16mm;
}

我插入了这个打印代码

<script>
  $(document).ready(function()
  {
    window.print();
  });
</script>

得到了这个结果：

《如何将整个HTML页面打印为A4》

但这不是我想要的.我不希望div周围有额外的空格.它应该打印成A4页面,如下所示：

《如何将整个HTML页面打印为A4》

我该怎么做才能做到这一点？

PS：在释放挫折之前,我是一个纯粹的后端开发人员.我的伙伴,一个前端开发者,已经病了好几天了.对不起,谢谢:)

最佳答案 尝试在您使用的CSS代码段中调整这些边距值.从…开始：

@page {
  size: 7in 9.25in;
  margin: 0mm 0mm 0mm 0mm;
}

…并增加那些“0mm”值,直到你开心,即1毫米,2毫米等.

这四个值(在我的示例中当前都是0mm)按顺序表示打印页面的上边距,右边距,下边距和左边距.

因此,如果您只想增加页面底部的边距,则需要更改该行中的第三个0mm.

点赞