Html 如何解决内部CSS页面中断：避免；未能避免中断？

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

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

#我的印刷部{
宽度：940px；
高度：770px；
分页符：始终；/*始终在此元素后插入分页符*/
内部分页符：避免；/*请不要在浏览器中打断我的页面内容*/
}
我要在这里打印的内容

我的

div

仍然会中断，然后继续到下一页打印，除非我在Mozilla Firefox中选择“收缩以适应”

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

• 是否存在已知的像素宽度高度以匹配11英寸×8.5英寸的字母大小 纸张？

---

谢谢

分页符属性的目的不是缩小内容以适应页面，而是帮助确定分页符出现的最佳位置

这样，如果使用<代码>页面中断：在元素上避免< /代码>，并且当前页面上没有足够的空间来适应整个元素，浏览器将考虑插入一个中断，以便将元素强制添加到一个新页面上，理论上给它更多的空间。 但是，如果元素太大以至于将其移动到新页面上没有帮助，那么就没有什么可做的了（至少在分页符方面）

---

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

72英寸。在mac上，72pts=72px。Windows每英寸使用96像素。我从来没有用过那些分页符：总是；令人惊讶的是，它将添加适当的通用字符！谢谢@kelly johnson-在Mac电脑上，792px DIV-会给你10英寸的打印纸吗？612px为您提供了8.5英寸的纸张？在某种程度上，它还可以解决使用JS的浏览器实现问题。有关详细信息，请参阅