3

我正在尝试将网页的内容打印到一页纸上。但是，它把内容分成两页，所以我在这里做了一些研究，看到人们推荐：

<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静止不动，然后继续到下一页打印 - 除非我在 Mozilla Firefox 中选择“Shrink to Fit”。

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

  • 是否有已知的像素宽度高度与 11 英寸 x 8.5 英寸信纸大小的纸张相匹配？

谢谢

4

1 回答 1

6

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

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

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

如果您事先知道您的内容在打印时需要缩小，您可以尝试在问题元素上添加比例变换（仅限于打印媒体类型），以使它们的大小更易于管理。

于 2013-05-02T23:18:05.680 回答