时间戳

首页 > 解决方案 > CSS：停止表格内容在打印时溢出页眉

html - CSS：停止表格内容在打印时溢出页眉

问题描述

我有一个重复的页眉，应用于打印。很多页面内容都在表格中。我的问题是，每当表格中包含大量文本时，表格（正确地）会流入下一页，但它会流入下一页页眉的顶部，而不是在页眉之后开始。

有趣的是，表格中的实际文本确实在标题之后开始，但表格本身直接流过标题。所以我尝试弄乱z-index标题，但不幸的是无济于事。

是否有一些 CSS 可以应用于重复的标题，以强制溢出的内容在它之后开始？

我正在使用tablewith theadandtfoot方法来处理重复的页眉和页脚。

我的CSS看起来像：

thead.doc-container-header {
    display: table-header-group;
}

.doc-container-header-content {
    border-bottom: 2px solid #ed1c24;
    background-repeat: no-repeat;
    background-position: top right;
    height: 60px;
    padding: 0px 0px 20px 0px;
    width: 100%;
    margin-top: 3%;
}

标签： htmlcssuser-interfacefrontend

解决方案

推荐阅读