CSS page-break-before 属性

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

不能对绝对定位的元素使用此属性

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

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

语法

page-break-before: auto | always | avoid | left | right | inherit


属性值

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

浏览器支持

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

任何版本的 Internet Explorer(包括 IE8 )支持属性值 "left","right",和 "inherit"

Firefox, Chrome 和 Safari 不支持属性值 "avoid","left" 和 "right"


范例

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

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

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_415

目录选择