CSS和打印:保持文本块在一起

我从来没有幸运地持续阻止过这样的事情。它可能有点脏,但是如果问题的长度通常相同,您可以在每x个问题之后强制分页吗?

<style type="text/css">
.pageBreak{
    page-break-before: always;
}
</style>

<question>...</question><br class="pageBreak" />
<question>...</question>

(或将该类应用于问题或任何您想要的内容)

您可以尝试在属性中使用分页符,但我没有看到它是一致的,因为浏览器对它的支持现在很混乱:

question {
    page-break-inside:avoid;
}

我建议你调查一下 page-break-after , page-break-inside 和 page-break-before CSS中的规则。

使用单独的打印样式表,并使用 page-break-before 和 page-break-after 每一页的前导和结尾问题的选择器。

如果测试是静态的,那么您可以绘制出所使用的类,使其在不使用CSS的情况下工作。

使用表格布局。但是为了避免改变语义,使用css。

question {
    display: inline-table;
}