CSS page-break-inside 属性

CSS page-break-inside 属性用于控制内容在打印时如何分页。

语法

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

• auto: 默认值。内容在打印时允许分页。
• avoid: 内容在打印时尽量避免分页。
• initial: 设置该属性为默认值auto。
• inherit: 继承父元素的 page-break-inside 属性值。

说明

CSS page-break-inside 属性应用于块级元素，块级元素设置为避免分页（avoid）时，打印时将尽量避免该元素在分页处被分割。这对于长表格、列表或其他需要保持在同一页上的元素非常有用。

请注意，该属性仅在打印的情况下生效，而在屏幕上显示时无效。在网页排版时，可以使用该属性来提高打印的可读性和美观性。

示例

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

上述示例对于类名为 avoid-page-break 的元素，应用了 page-break-inside: avoid; 的样式。这样，在打印时，这些元素将尽量避免在分页处被分割，保持在同一页上。

注意事项

• page-break-inside 属性不是所有浏览器都支持，请在使用时注意跨浏览器兼容性。
• page-break-inside 属性的效果依赖于打印设备和浏览器的打印设置，因此结果可能会有所不同。

更多关于 CSS page-break-inside 属性的信息，请参考MDN 文档。