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>