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 回答