Javascript HTML、CSS-将表格打印到固定网格

我正在尝试打印一个HTML表格在一张A4纸上，标签为10 x 4。这意味着我需要为每个标签打印一个单元格，单元格必须在页面中保持准确位置。我已经放弃了使用Firefox，这在这里看起来绝对是愚蠢的。我使用的是Chromium，我不介意它是否是唯一的浏览器

现在让我们指定问题：我有HTML表，每个表有10行4列。我的想法是一张表=一页。问题是某些页面的底部正在发生一些奇怪的事情

我的CSS如下所示：

<style type="text/css">
        td
        {
            width: 24%;
            text-indent: 3mm;
            font-size: 12px;
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
        }

        tr
        {
            height: 10.4%;
        }

        table
        {
            page-break-before: always;
            height: 297mm;
            width: 210mm;
        }

        p
        {
            margin-top: 0mm;
            margin-bottom: 0mm;
        }

        body
        {
            margin: 0mm;
        }
    </style>

    <style type="text/css" media="print">
        @page
        {
            size: A4;
            margin: 0mm;
        }
    </style>

运输署
{
宽度：24%；
文本缩进：3mm；
字体大小：12px；
溢出：隐藏；
显示：内联块；
空白：nowrap；
}
tr
{
身高：10.4%；
}
桌子
{
前分页符：始终；
高度：297mm；
宽度：210毫米；
}
P
{
边缘顶部：0毫米；
边缘底部：0毫米；
}
身体
{
边缘：0毫米；
}
@页面
{
尺寸：A4；
边缘：0毫米；
}

这似乎已经足够好了——唯一的问题是我在每两页之间都有一个空白页。如果有人知道如何去除这些，我会很高兴，尽管这不是一个合适的解决方案

当我删除之前的

分页符时：始终属性，空白页消失。但问题是，从第8页开始，最后一行的高度将被忽略并粘贴到上一行。如果有人知道如何强制打印引擎保持行的高度，问题就会解决。在浏览器中，一切看起来都正常

我在谷歌搜索了很长时间，我对此感到厌烦，因为我找不到合适的网站

可以找到测试的样本数据

谢谢你的建议
当将表（页）高度缩小到290mm时，空白页消失，以换取2mm的额外边框……另一个几乎完美的解决方案，虽然不合适。