Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在页面底部打印一次HTML div块,如果它与前面的元素重叠,如何让它跳转到下一页?_Html_Css_Print Css - Fatal编程技术网

如何在页面底部打印一次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行停止此表(
)后,重新启动新的第二个表(
),该表将进入下一页