gpt4 book ai didi

html - 打印预览在每一页上重复脚印

转载 作者:太空狗 更新时间:2023-10-29 13:24:08 25 4
gpt4 key购买 nike

我的问题是,我有两个不同的 html 文件和一个包含 theader、tfooter 和 tbody 的表格。

第一个是我出于测试原因自己创建的,它看起来像这样:

<html>
<head>
<title>The Invoice</title>
<style type="text/css">

table.invoice { background-color: #dddddd; font-family: sans-serif; }

td, th { background-color: #ffffff; padding: 5pt; }
td.unit { text-align: right; }
td.price { text-align: right; }

thead { display: table-header-group; }
tfoot th { text-align: right; }

</style>
</head>
<body>
<div style="width:auto !important; overflow:hidden; position:relative">
<table class="invoice" cellspacing="1" cellpadding="0">
<thead>
<th>Unit</th>
<th>Description</th>
<th>Price</th>
</thead>
<tfoot>
<tr>
<th colspan="2">Sum</th>
<td class="price">1.230,32 EUR</td>
</tr>
</tfoot>
<tbody>
<tr><td>1</td><td>Excel</td><td >150,00 EUR</td></tr>
<tr><td>2</td><td>Document</td><td>150,00 EUR</td></tr>
... and so on ...
</tbody>
</table>
</div>
</body>
</html>

每当我在 IE9 上尝试打印预览时,它都会在最后一页(在我的例子中是第 5 页)显示 tfoot,它显示正文内容价格列的总和。当我在 Mozilla Firefox 11.0 中尝试相同操作时,它会在每个页面上显示 tfoot 和总和,这当然是我不想要的。

我问的主要原因是因为我有一个 FreeAgent html dom,我想在其中打印一些发票。使用该 html 文件,甚至 IE9 也会在每个页面上显示 tfoot,这又是我不想要的。

我玩过

 @media print { tfoot { display: table-footer-group;
position: absolute;
bottom: 0; }}

它只显示了一次页脚,但在左下角的第一页上,我的其余文本都显示了......

非常感谢想法或解决方案! :)

最佳答案

在您的打印样式表中尝试使用此 CSS,它将使 tfoot 充当另一行,同时保持像 Datatables.net 所需的正确语法。

table tfoot{display:table-row-group;}

关于html - 打印预览在每一页上重复脚印,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9809874/

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