如何在页面底部打印一次HTML div块,如果它与前面的元素重叠,如何让它跳转到下一页?
如何打印如何在页面底部打印一次HTML div块,如果它与前面的元素重叠,如何让它跳转到下一页?,html,css,print-css,Html,Css,Print Css,如何打印div元素,使其位于其所在页面的底部,而不是页脚,并且无论要打印多少页都要打印一次(当我将其设置为页脚时,它显然开始在每页上打印自己) 此外,如果页面上没有足够的空间进行打印,则需要跳转到第二页 它是什么 我有一个div块,它是一个表的图例。它更详细地描述了表的字段 到目前为止我尝试过的事情 我尝试过固定页脚的方法: @media print { #legend { position: fixed; bottom: 0; } } 不
div
元素,使其位于其所在页面的底部,而不是页脚,并且无论要打印多少页都要打印一次(当我将其设置为页脚时,它显然开始在每页上打印自己)
此外,如果页面上没有足够的空间进行打印,则需要跳转到第二页
它是什么
我有一个div块,它是一个表的图例。它更详细地描述了表的字段
到目前为止我尝试过的事情
我尝试过固定页脚的方法:
@media print {
#legend {
position: fixed;
bottom: 0;
}
}
不知何故,它开始在所有页面上打印我的图例,而不仅仅是我需要它的第一页。此外,当我的表格太长时,它会与图例重叠。这是不可取的。我不知道如何进行。我似乎在这方面取得了一些成功
@media print :first {
#legend {
position: absolute;
bottom: 0;
}
}
然后以编程方式在代码中拆分表,即在第25行之后,我在该行中插入一个类以强制分页符。或者在第25行停止此表(
)后,重新启动新的第二个表(
),该表将进入下一页