CSS page-break-inside 属性

page-break-inside 属性用于控制在打印或分页时，元素内部是否允许分页。

值

• auto：默认值，允许分页。
• avoid：尽量避免在元素内部分页。
• always：强制在元素内部分页。

适用性

该属性适用于块级元素，如<div>、<p>等。

示例

// www.javascriptcn.com code example
<style>
    .page {
        page-break-inside: avoid;
    }
</style>

<div class="page">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod semper sapien, sit amet feugiat tortor fermentum a. Quisque nec velit nec mauris consectetur semper.</p>
    <p>Nullam vitae nisl nec justo maximus suscipit. Proin eget est nec justo euismod congue. Sed ac velit ut leo fermentum sollicitudin.</p>
</div>

在上面的示例中，.page 类的元素会尽量避免在其内部分页，这样可以确保在打印时整个元素不会被分割成两页。

注意事项

• page-break-inside 属性通常在打印样式表中使用，用于控制打印时的页面分页效果。
• 需要注意的是，不是所有浏览器都支持该属性，所以在使用时要进行兼容性检查。