如何在打印网页时隐藏元素？

要在打印网页时隐藏元素，可以使用CSS的@media print查询来实现。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
 <style>
    /* 在这里添加CSS代码 */
  </style>
</head>
<body>
  <!-- 在这里添加HTML代码 -->
</body>
</html>

@media print {
  .no-print {
    display: none;
  }
}

<body>
  <h1>这个标题将在打印时显示</h1>
  <p class="no-print">这个段落将在打印时隐藏</p>
</body>

现在，当您打印此网页时，具有.no-print类的元素将不会显示在打印输出中。这是一种简单的方法，可以在打印网页时隐藏不需要的元素。

页面内容是否对你有帮助？

有帮助

没帮助

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云