CSS：在页面分页后（打印预览中）重复表头

Question

我有一个用于打印的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;}

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>

- Erik Márföldi

---

你找到解决方案了吗？请发布。 - imhere

Answer 1

尝试添加以下css：

thead {display: table-header-group;}

不会在每个页面上重复出现，只有在IE8中最后一页才会打印。

- Semyazas

---

哦，我在我的样式中有它。我忘记把这一行复制到我的问题中了。 - Erik Márföldi