Eri*_*ldi 11 html css printing header repeat
我有html表用于打印重复页眉和页脚.一切正常,文件自动中断.但现在我想在任何元素之后打破页面.我使用css属性page-break-after并将其设置为always.是的,它的作品,但我有另一个问题.休息后的页面不要重复表格的页眉和页脚.怎么了?
浏览器: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;}
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
尝试添加以下CSS:
thead {display: table-header-group;}
Run Code Online (Sandbox Code Playgroud)
页脚不会在每页上重复,而是仅在 IE8、iirc 中打印在最后一页。