page-break-before：auto不能为我工作....为什么？

Question

你好我的stackflow省时问题解决好友，

我正在使用css来设计正在推送到PDF中的页面，并且包含一组准备供团队打印的框。

然而，有些盒子位于中间页面并被切成两半。

我发现了以下......

http://www.w3schools.com/Css/pr_print_pageba.asp

...这对我来说不适用于汽车，其他值不合适。

该页面正在吐出divs whict是float：左边是div内的内容

布局：

[div] [div] [div]

[div] [div] [div]

[div] [div] [div]＆lt;最后一个div溢出两页

每个div都有一个分页符：自动，但div仍然有时会分成2页。

为什么这不适合我？

你可以帮忙吗？

Answer 1

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

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

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

Answer 2

试试page-break-inside:avoid。我相信page-break-after:avoid;和page-break-before:avoid未实现。请参阅：https://developer.mozilla.org/en/CSS/page-break-before

Answer 3

我设法通过应用

来实现这一目标

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

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

非常感谢

Answer 4

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