HTML和CSS中双面打印的偶数分页符

HTML和CSS中双面打印的偶数分页符,html,css,printing,formatting,Html,Css,Printing,Formatting,我在印刷媒体上使用了分页符,在“总是”之后使用快速分页符。我使用它们在一个批处理打印作业中分离多个报告。不幸的是,当打印作业是双面打印时,分页符可能会导致打印机在上一份报告的背面启动报告 有没有办法将分页符强制为偶数页?或者,为了检测某个元素将出现在哪个页码上?CSS中没有用于此目的的内置功能 一个想法: 您可以尝试将每个报表包装在一个div中,然后使用jquery之类的工具计算div的大小,以确定它是否以奇数页结尾 如果它以奇数页结束,那么在下课后用分页符插入一个空div,这样它就可以进入下一

我在印刷媒体上使用了分页符,在“总是”之后使用快速分页符。我使用它们在一个批处理打印作业中分离多个报告。不幸的是,当打印作业是双面打印时,分页符可能会导致打印机在上一份报告的背面启动报告


有没有办法将分页符强制为偶数页?或者,为了检测某个元素将出现在哪个页码上?

CSS中没有用于此目的的内置功能

一个想法: 您可以尝试将每个报表包装在一个div中,然后使用jquery之类的工具计算div的大小,以确定它是否以奇数页结尾

如果它以奇数页结束,那么在下课后用分页符插入一个空div,这样它就可以进入下一页

编辑 显然,只有当您知道页面在目标打印机上打印的dpi时,这才真正起作用。没有一个神奇的答案可以适用于所有场景

72 dpi网络=595 X 842像素 300 dpi打印=2480 X 3508像素 300 dpi时210mm X 297mm 600 dpi打印=4960 X 7016像素 您需要在这里对标准打印机设置进行一点试验,以了解什么适合您/您的客户。如果有多个场景,您可以让它们从下拉列表中进行选择

因此,您可以使用jquery检查div的像素高度,对照页面的像素高度检查div是否在奇数或偶数页面上结束,然后在报告在奇数页面上结束时插入分页符


您还需要预先知道用户是否将使用双面打印,因为您只需要对双面打印执行此操作。

标准中有CSS功能。你在正确的轨道上。使用:

<div style="page-break-after: right">
-- your content --
</div>

问题是,目前唯一支持这一功能的主流浏览器是Opera。Opera在印刷方面也有自己的问题,但它可能适合您的情况

有趣的想法-有没有办法知道或设置页面的高度?@RileyLark,我编辑了我的回复,上面是为了给你一些信息。你不需要像style=page break after:对吗?