我如何在打印时删除 html 页面中的空白？

Question

我有一个打印此页面内容的页面。 我的问题是加载页面时会出现打印对话框并且底部有空白区域。 如何删除这个空白？ 我试图给身体min-height:100vh但它不起作用 . 另请检查打印 css

 @page { /* size: auto; auto is the initial value */ margin: 3.5mm; } @media print{ table { page-break-inside:auto; } tr { page-break-inside:avoid; page-break-after:auto; } thead { display:table-header-group; } tfoot { display:table-footer-group; } }

Answer 1

您必须根据内容长度和宽度更改并检查以下样式值。

@page { size: 100mm 50mm } /* output size */
body.receipt .sheet { width: 58mm; height: 50mm } /* sheet size */
@media print { body.receipt { width: 58mm } } /* fix for Chrome */