CSS @Print造型

Question

目前，我的网页打印出来，页面的最后一行的一半被剪切到下一页。

有没有人有任何CSS技巧来阻止这种情况发生？我们的div内容往往很长，并且由没有HTML知识的人编辑，因此将html分页符放入不是一个选项......

我们的大多数用户都使用Chrome，因此，如果支持不一致，我很高兴只能申请该浏览器...谢谢！

Answer 1

如果您知道页面要中断的位置。 您可以添加CSS

page-break-after: always;

设置是否应在指定元素之后发生分页。

Answer 2

Scor3keeper很好的答案！ 还要添加适当的媒体查询，例如：

@media print and (color) { 
 body { ... }
 h1, h2, p { ... }
}

所以在bowser中，你会看到一个设计并在页面上看到其他设计。

Answer 3

我认为您在CSS中需要的是：

@media print {
    ul, li {page-break-inside: avoid;}
}

page-break-inside属性设置是否允许在指定元素内使用分页符，并且不能在绝对定位的元素上使用此属性。