css page-break-before属性怎么用-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css page-break-before属性用于在指定元素前添加分页符。注该属性不能对绝对定位的元素的使用，也要避免在表格、浮动元素、带有边框的块元素中使用。所有浏览器都支持 page-break-before 属性。

page-break-before 属性在指定元素前添加分页符。

说明：尽管可以用 always 强制放上分页符，但是无法保证避免分页符的插入，创作人员最多只能要求用户代理尽可能避免插入分页。应用于：position 值为 relative 或 static 的非浮动块级元素。

注释：所有主要浏览器都支持page-break-before属性。任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "left"、"right" 以及 "inherit"。Firefox、Chrome 以及 Safari 不支持属性值 "avoid"、"left" 以及 "right"。

css page-break-before属性示例

在 <h1> 元素前始终插入分页符:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
@media print {
    h1 {page-break-before: always;}
}
</style>
</head>
<body>
....
</body>
</html>