css - 有没有办法建议如何在 HTML5 中打印页面？

Question

我正在使用 HTML5 演示工具，需要输出 PDF。

我想知道是否有办法“提示”带有打印建议的页面，例如：

• 出现分页符的位置
• 告诉页面以横向或纵向打印

等我知道存在打印媒体查询，但我不确定它们如何解决这些问题。

Answer 1

@media print {
    .page-break { display: block; page-break-before: always; }
}

和

@page {size: landscape}

您可以找到更多详细信息：W3C

---

注意：确保您的 HTML 正确且干净。通过体验一些小事，例如：

<table>
   <tr><td>Column 1</td><td>Column 2</td></tr>
   <tr><td>Value 1</td><td>Value 2</td></tr>
</table>

make 会在某些浏览器上导致奇怪的行为，但这样效果更好：

<table>
   <thead>
      <tr><th>Column 1</th><th>Column 2</th></tr>
   </thead>
   <tbody>
      <tr><td>Value 1</td><td>Value 2</td></tr>
   </tbody>
</table>