本文介绍了CSS:分页后重复表头(打印视图)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
我有用于打印重复页眉和页脚的 html 表格.一切正常，文档自动中断.但现在我想在任何元素之后打破页面.我使用 css 属性 page-break-after 并将其设置为始终.是的，它的作品，但我有另一个问题.休息后的页面不要重复表格的页眉和页脚.怎么了?
I have html table for printing with repeat header and footer. Everything works, document to break automatically. But now i would like to break page after any element. I use to css property page-break-after and set it to always. Yes, its works, but i got another problem. Page after break dont repeat header and footer of table. What is wrong?
浏览器:IE8.
打印样式:
table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}
HTML代码:
<table>
<thead>
<tr>
<th>...</th>
</tr>
</thead>
<tfoot>
<tr>
<td>...</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>page 1</td>
</tr>
<tr class="page-break">
<td>content</td>
</tr>
<tr>
<td>Page 2</td>
</tr>
<tr>
<td>content 2</td>
</tr>
</tbody>
</table>
推荐答案
尝试添加以下css:
thead {display: table-header-group;}
页脚不在每一页重复，而是打印在最后一页只在IE8，iirc中.
The footer is not repeated on each page, but rather printed on the last only in IE8, iirc.
这篇关于CSS:分页后重复表头(打印视图)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！