媒體列印分頁

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

這段程式碼做了三件事:

  • 它可以防止任何 p 標籤內的分頁,這意味著如果可能的話,段落永遠不會在兩個頁面中被破壞。
  • 它會在所有 h1 標題中強制執行分頁符,這意味著在每次 h1 發生之前,都會有分頁符。
  • 它會在任何 h2 之後立即阻止分頁