在 HTML 中实现页面打印功能可以通过使用 JavaScript 中的 window.print() 方法来实现。该方法会弹出打印对话框,让用户选择打印机和打印设置。以下是实现页面打印功能的步骤:
<button onclick="window.print()">打印</button>
function printPage() {
  window.print();
}
<button onclick="printPage()">打印</button>
@media print {
  /* 隐藏某些元素 */
  .no-print {
    display: none;
  }
  /* 调整布局 */
  .print-layout {
    width: 100%;
    margin: 0;
  }
}
这样,在打印时,只有带有 print-layout 类的元素会被打印出来,而带有 no-print 类的元素会被隐藏。