-CSS和打印网页,分页内:避免; - 不适合我 -

Question

我试图将网页的内容打印到一页纸上.但是,它将内容分为两页,所以我在这里做了一些研究,看到人们推荐:

<style type="text/css" media="print">

#my_print_div{
width:940px;
height:770px;
page-break-after: always; /* Always insert page break after this element */
page-break-inside: avoid; /* Please don't break my page content up browser */
}

</style>

<div id='my_print_div'> My content to be printed here</div>

我的div仍然打破然后继续下一页打印 - 除非我选择"Shrink to Fit" - 在Mozilla Firefox中.

• 有没有办法确保DIV的内容不能在2页上打印？我想将内容强制为1个可打印页面

• 是否有一个已知的像素宽度高度,以匹配11英寸×8.5英寸Letter尺寸纸张？

谢谢

Answer 1

该点page-break性能不是缩小内容以适合在页面上,而是帮助决定发生分页符的最佳场所.

因此,如果你page-break-inside:avoid在一个元素上使用,并且当前页面上没有足够的空间来适应整个元素,浏览器将考虑插入一个中断,以便将元素强制到一个新页面,理论上给它增加了空间.

但是,如果元素如此之大以至于将其移动到新页面上将无济于事,那么就没有什么可做的(至少在分页方面).

如果您事先知道打印时需要缩小内容,可以尝试在问题元素上添加缩放转换(仅限于打印介质类型),这样它们的尺寸更易于管理.