CSS page-break-inside 属性

CSS 属性：page-break-inside

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

值

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

适用性

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

示例

-------
    ----- -
        ------------------ ------
    -
--------

---- -------------
    -------- ----- ----- --- ----- ----------- ---------- ----- ------ ------- ------ ------- --- ---- ------- ------ --------- -- ------- --- ----- --- ------ ----------- -----------
    --------- ----- ---- --- ----- ------- --------- ----- ---- --- --- ----- ------- ------- --- -- ----- -- --- --------- -----------------
------

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

注意事项

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