如何在隐藏特定元素的同时打印网页？

如何在不显示特定元素的情况下打印网页

准备要打印的网页时，通常需要隐藏某些不显示的元素旨在出现在打印页面上。其中包括导航按钮或版权声明等元素。

解决方案

要实现此目的，您可以结合使用 CSS 媒体查询和 HTML 类属性。这是分步指南：

1.样式表修改

在您网站的样式表中，添加以下 CSS 代码：

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

2. HTML 类属性

在 HTML 代码中，通过向其添加类属性“no-print”来标识要在打印期间隐藏的元素。

示例 HTML ：

<a href="#" class="no-print">Print This Page</a>
<p>Good Evening</p>

3.结果

当网页被打印时，CSS 媒体查询将隐藏所有具有“no-print”类的元素，包括打印页面本身的链接。因此，打印输出将仅显示文本“Good Evening”，而没有“打印”标签。

以上是如何在隐藏特定元素的同时打印网页？的详细内容。更多信息请关注PHP中文网其他相关文章！