页面在打印时减少了一半

Question

我创建了一个故障单系统，并希望在我的数据库中打印出所有打开的故障单。

我是通过创建这样的打印按钮来实现这一目的的：

<button onclick="printContent('print')" class="print-btn">Print All Tickets</button>

这会从我调用display: none

的<div id="print"> div中提取信息

按下打印按钮后，它会抓取我桌子上的所有门票并打印出来。 这对于打印单张票证非常有用，但是如果我想打印所有打开的票证，则在某些分页符时，票证会减少一半。

我做了一点研究并补充道。

@media print  
{
    div{
        page-break-inside: avoid;
    }
}

到我的css样式文件，但没有帮助。

我的门票在打印时仍然如此。

我还想知道是否可以将我的问题中描绘的图像转换为.pdf然后打印。我的理论背后是如果转换为.pdf，它将避免分页并正确打印。我

如果有人有解决方案，请告诉我，我将不胜感激。