Html 打印时在一页上保留页眉

我正在设计一个网页，我想是可打印的。布局看起来可以接受，但有一点除外：页眉有时会在不同页面之间（垂直）拆分：

我通过尝试打印获得了这个示例（顺便说一下，这是一个很棒的阅读）

是什么导致了这件丑陋的艺术品？我可以在CSS、HTML或其他方面做些什么来防止这种拆分吗？

试试这个：

@media print  
{
    div{
        page-break-inside: avoid;
    }
}

在这里找到它：

试试这个：

@media print  
{
    div{
        page-break-inside: avoid;
    }
}

---

在这里找到它：

在标题的CSS中，有以下行：

font: 600 30px/24px "Crimson", Georgia, serif;

30px/24px表示字体大小为30px，而字体大小仅为24px

页眉是根据行高分割的，行高通常比字体大小大20%左右。在这种情况下，它会变小，这会导致页眉超过行高并在页面之间拆分

只需从CSS中删除线条高度即可：

font: 600 30px/24px "Crimson", Georgia, serif;

---

在这种情况下，将使用默认值。也可以手动增加字体高度。

在页眉的CSS中，有以下行：

font: 600 30px/24px "Crimson", Georgia, serif;

30px/24px表示字体大小为30px，而字体大小仅为24px

页眉是根据行高分割的，行高通常比字体大小大20%左右。在这种情况下，它会变小，这会导致页眉超过行高并在页面之间拆分

只需从CSS中删除线条高度即可：

font: 600 30px/24px "Crimson", Georgia, serif;

---

在这种情况下，将使用默认值。也可以手动增加字体高度。

谢谢您的回答！元素中没有实际的分页符，因此这不适用。谢谢您的回答！元素中没有实际的分页符，因此这不适用。