我该如何在页面底部打印一次HTML div块，如果它与先前的元素重叠，又如何跳到下一页？

Question

如何打印div元素，使其位于所处页面的底部，但不是页脚，并且无论要打印多少页，都应打印一次（当我将其设置为页脚时，它显然开始在每页上进行打印）

此外，如果页面上没有足够的空间可打印，则跳到第二页。

是什么

我有一个div块，它是一个表的图例。它更详细地描述了表格的字段。

到目前为止我尝试过的事情

我尝试了固定页脚方法：

@media print {
    #legend {
        position: fixed; 
        bottom: 0;
    }
 }

它以某种方式开始在所有页面上打印我的图例，而不仅仅是我需要的第一页。同样，当我的桌子过长时，它会与图例重叠。那是不可取的。我不确定如何进行。

Answer 1

我似乎在取得一些成功

@media print :first {
    #legend {
        position: absolute;
        bottom: 0;
    }        
}

，然后以编程方式在我的代码中拆分该表，即在第25行之后，我在该行中插入一个类以强制分页。或者在第25行停止该表（</table>）之后，重新启动新的第二个表（<table>），该表将进入下一页