page-break-before:auto 对我不起作用....为什么？答案

【问题标题】：page-break-before:auto not working for me....why?page-break-before:auto 对我不起作用....为什么？
【发布时间】：2011-06-13 06:03:13
【问题描述】：

你好我的堆栈流节省时间的问题解决伙伴，

我正在使用 css 设置一个页面的样式，该页面被推送到 PDF 中，并且包含一组可供团队打印的框。

但是，有些框位于页面之间并被一分为二。

我找到了以下...

...在自动上对我不起作用，其他值不合适。

页面吐出的 div 是 float:left，内容在 div 内

布局：

[div] [div] [div]

每个 div 都有一个 page-break-before:auto 但 div 有时仍会分成 2 页。

为什么这对我不起作用？

你能帮忙吗？

【问题讨论】：

【解决方案1】：

要获得所需的行为，您可能必须添加属性：

div * { page-break-before:avoid; page-break-after:avoid; }

为了避免在你的 div 中的所有元素之间分页

【讨论】：

【解决方案2】：

试试page-break-inside:avoid。我相信page-break-after:avoid; 和page-break-before:avoid 没有实现。见：https://developer.mozilla.org/en/CSS/page-break-before

【讨论】：

【解决方案3】：

我设法通过应用来完成这项工作

page-break-after:always;page-break-before:always;

但是...我觉得 mVChr 的解决方案也适用于其他人，但不适用于我的情况。

非常感谢

【讨论】：

【解决方案4】：

确保包含<div> 不是inline-block。似乎将您的 div 显示为 inline-block 可能会阻止 page-break-auto: auto 工作。

【讨论】：