媒体打印分页

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

这段代码做了三件事:

  • 它可以防止任何 p 标签内的分页,这意味着如果可能的话,段落永远不会在两个页面中被破坏。
  • 它会在所有 h1 标题中强制执行分页符,这意味着在每次 h1 发生之前,都会有分页符。
  • 它会在任何 h2 之后立即阻止分页