CSS | page-break-inside 属性

page-break-inside 属性用于控制是否允许在对象内部发生分页。

语法

page-break-inside: auto | avoid;

• auto：默认值，允许在对象内部发生分页。
• avoid：避免在对象内部发生分页。

值

auto

auto 值表示允许在对象内部发生分页。这是默认值。

avoid

avoid 值表示避免在对象内部发生分页。当页面需要分页时，尽量将对象移到下一页。

示例

<div style="height: 100px; page-break-inside: avoid;">
  这里的内容将尽量避免发生分页。
</div>

浏览器兼容性

page-break-inside 属性的兼容性比较好，基本上所有现代浏览器都支持。

总结

page-break-inside 属性用于控制是否允许在对象内部发生分页。常用于打印样式中，以避免打印时每一页上都只显示一部分内容。当需要控制分页时，可以使用该属性进行处理。