html - 如何在页面底部打印一次 HTML div 块，如果它与先前的元素重叠，则让它跳转到下一页？

Question

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

另外，如果页面上没有足够的空间来打印它，它就是跳转到第二页。

这是什么

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

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

我尝试了固定页脚方法：

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

不知何故，它开始在所有页面上打印我的图例，而不仅仅是我需要它的第一页。此外，当我的桌子太长时，它会与图例重叠。这是不可取的。我不确定如何进行。

score 0 · Accepted Answer

我似乎取得了一些成功

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

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

1 回答 1