CSS `page-break-inside` 属性

说明

page-break-inside CSS 属性强制或禁止在元素内打印分页符。此属性适用于生成框的 block-level 元素。它不适用于不会生成框的空 <p>。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

page-break-inside:

auto | avoid | initial | inherit

下面的示例显示了 page-break-inside 属性的作用。

@media print {
    ul {
        page-break-inside: avoid;
    }
}

上面示例中的样式规则设置了分页行为，以避免将无序列表拆分为两页。

注意： page-break-inside 属性只适用于根元素正常流动中的block-level元素，或table-row元素。

下表描述了该属性的值。

值	说明
`auto`	如有必要，在元素内插入分页符。这是默认值。
`avoid`	避免在元素内出现分页符。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `page-break-inside` 属性的计算值。

Firefox 不支持 page-break-inside 属性。

警告：避免使用此属性，因为它的支持很差。还要尽可能少地使用分页，避免在表格元素、浮动元素和带边框的块元素内分页。

请参阅以下教程： CSS 媒体类型.