HTML | DOM 样式 pageBreakBefore 属性

HTML | DOM 样式 pageBreakBefore 属性定义在哪个元素之前应该发生分页。

语法

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

属性值

| 值 | 描述 | | -- | -- | | auto | 默认值，分页将在页面的任何地方发生 | | always | 此元素总是在页面上启动新页（在第一个可能的页面上），与其他元素不共享页面 | | avoid | 此元素不会在被拆分的区域的开始处发生分页。 | | left | 使分页在此元素之前开始的左侧 | | right | 使分页在此元素之前开始的右侧 | | initial | 值设置为其默认值 | | inherit | 从父元素继承此属性 |

实例

例1

在打印表格时，每个表格的第一行应该始终出现在页面的顶部。可以应用以下样式来实现：

<style>
   tr {
      page-break-before: always;
      page-break-inside: avoid;
   }
</style>

例2

在一系列带有标题的章节中，每个章节都应该始终在新页面上开始。可以把样式应用于标题元素（如h1、h2等）来实现：

<style>
   h2 {
      page-break-before: always;
   }
</style>

参考链接

• MDN Web 文档：page-break-before