HTML DOM | 样式 pageBreakInside 属性

pageBreakInside 属性用于指定在打印文档时，元素内部是否允许分页（即是否允许在元素内部断开页面）。

语法

page-break-inside: auto|avoid|initial|inherit;

属性值

• auto：默认值。元素内部被允许分页。
• avoid：元素内部不允许分页。
• initial：设置属性为它的默认值。
• inherit：从父元素继承属性值。

实例

以下实例演示了 pageBreakInside 属性的使用：

<style>
  .print-break {
    page-break-inside: avoid;
  }
</style>

<div class="print-break">
  <h1>这是标题</h1>
  <p>这是段落。</p>
  <img src="img.png" />
</div>

在使用打印样式时，.print-break 类的元素不会被分页。

浏览器兼容性

| 属性 | Chrome | Edge | Firefox | IE | Opera | Safari | | ----------- | ------ | ---- | ------- | -- | ----- | ------ | | page-break-inside | 1 | 12 | 1.5 | 8 | 7 | 1.3 |

总结

pageBreakInside 属性用于指定在打印文档时内部元素是否允许分页，可设置的属性值包括 auto，avoid，initial 和 inherit。

注意：它仅在使用打印样式时才有用。否则，将被忽略。