css page-break-before CSS page-break-before 属性

css page-break-before

CSS page-break-before 是一个用于控制页面打印时的分页方式的属性，它可以让你指定在元素之前分页。它可以用来控制文档中的内容如何在多页打印中显示，以及在屏幕上显示时是否会出现分页效果。

page-break-before: always;

page-break-before 属性有三个可能的值：always、auto 和 avoid。always 表示强制在元素之前进行分页；auto 表示根据浏览器决定是否进行分页；avoid 表示尽量避免在元素之前进行分页。

page-break-before: auto;

使用 page-break-before 属性可以很方便地对文档进行打印布局，例如将一个文章中的标题与正文隔开，或者将一个表格隔开。此外，也可以使用 page-break-after 属性来让浏览器在元素之后进行分页。

page-break-after: avoid;

设置在表格元素之前始终进行分页的分页行为：

<html>
<head>
<style>
@media print
{
h1 {page-break-before:always}
}
</style>
</head>

<body>
....
</body>
</html>

page-break-before 属性设置元素前的 page-breaking 行为。

注意： 您不能对绝对定位的元素使用此属性。

注意：请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

默认值：	auto
继承：	no
版本：	CSS2
JavaScript 语法：	object.style.pageBreakBefore="always"

所有主要浏览器都支持page-break-before属性。

注意： 任何版本的Internet Explorer（包括IE8）支持属性值"left"，"right"，和"inherit"。

注意： Firefox,Chrome和Safari不支持属性值"avoid"，"left"和"right"。

值	描述
auto	默认值。如果必要则在元素前插入分页符。
always	在元素前插入分页符。
avoid	避免在元素前插入分页符。
left	在元素之前足够的分页符，一直到一张空白的左页为止。
right	在元素之前足够的分页符，一直到一张空白的右页为止。
inherit	规定应该从父元素继承 page-break-before 属性的设置。

阅读全文