gpt4 book ai didi

javascript - 打印时将多个html表格分成不同的页面

转载 作者:行者123 更新时间:2023-11-30 10:04:22 25 4
gpt4 key购买 nike

我有一个 HTML 页面显示如下内容:

<html>
<table></table>
<table></table>
<table></table>
</html>

现在我调用 window.print(),并希望将每个表格打印到不同的页面上。我该怎么做?

PS:每张 table 可能有不同的高度

最佳答案

将每个表格放在div中,然后像这样为div设置样式:

<div style="page-break-after:always;">

这个“样式”告诉浏览器,一旦该 div 完成所有内容,它就应该开始在新页面上打印。我们也可以将相同的规则应用于页面上的所有 div,方法是将以下内容添加到其标题:

div {
page-break-after : always;
}

但是,您更有可能希望仅在某些元素之后而不是在每个段落之后应用分隔符。这就是为什么最好单独应用样式或将样式应用到一组可以选择性使用的元素(如 DIV)。

阅读this更多信息...

关于javascript - 打印时将多个html表格分成不同的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30050207/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com