-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英寸x 8.5英寸的Letter尺寸 纸吗

谢谢

Answer 1

page-break属性的要点不是缩小内容以适应页面，而是帮助确定分页发生的最佳位置。

因此，如果在元素上使用page-break-inside:avoid，并且当前页面上没有足够的空间来容纳整个元素，浏览器将考虑插入一个中断以强制元素进入新页面，理论上给它更多的空间。

但是，如果元素太大以至于无法将其移动到新页面上，那么就没有什么可做的（至少在分页方面）。

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