打印时如何删除html页面中的空白？答案

【问题标题】：How i removed blank space in html page while printing?打印时如何删除html页面中的空白？
【发布时间】：2021-12-28 11:32:17
【问题描述】：

我有一个打印页面内容的页面。我的问题是加载页面时会出现打印对话框并且底部有空白区域。如何删除这个空白？我试图将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; }
  }

【问题讨论】：

标签： javascript php html css

【解决方案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 */

【讨论】：