如何控制html页面打印中的溢出内容？

Question

！我的问题图像（https://eksiup.com/p/jv228194htuw） 我正在准备一个可打印的测试项目，但是当页面内容很长时，我想让相关的问题转到标题部分下的下一页。该怎么办？

Answer 1

您可以使用CSS样式并将其仅应用于打印。 这是一个示例：

@media print {
#header {
margin-top: 100px;
}}

该CSS渲染#header的页边距顶部为100px，但仅在打印时显示。

如果要删除打印头，请使用以下方法：

@media print {
#header {
display: none;
}}

Answer 2

现在阅读您的评论后，我了解到您希望将元素强制移至下一页，仅用于打印。由于我们不知道您的元素具有什么类，因为您未提供任何链接。我们将为您提供需要修改的通用代码。

如果要在下一页上放置元素，将使用CSS：

@media print {
.ThisIsYourElement {
page-break-after: always;
}}

这里是documentation。