防止在HTML中打印元素

我的网站有一个简单的菜单，包含在ID中：

<div id="menu">

..code.. 

</div>

…代码。。

---

例如，当用户通过“文件->打印”以PDF格式打印时，这在PDF文档上看起来很难看。是否有任何方法可以将

div id=“menu”

从打印中排除？

下面是一个简单的打印样式表示例，用于执行您想要的操作：

@media print {
    #menu {
        display:none;
    }
}

在这个父括号中，您可以从CSS的角度执行任何您想要的操作，但是这将隐藏您想要隐藏的

div

---

下面是一个简单的打印样式表示例，可以实现您想要的功能：

@media print {
    #menu {
        display:none;
    }
}

在这个父括号中，您可以从CSS的角度执行任何您想要的操作，但是这将隐藏您想要隐藏的

div

---

如果将以下内容添加到css中，它将不再打印菜单

<style>
    @media print {
        #menu {
        display: none;
        }
    }
</style>

@媒体印刷品{
#菜单{
显示：无；
}
}

如果将以下内容添加到css中，它将不再打印菜单

<style>
    @media print {
        #menu {
        display: none;
        }
    }
</style>

@媒体印刷品{
#菜单{
显示：无；
}
}

你没有听说过

@media print

样式表吗？没有。。。如果有帮助，我会看一看：）这样我就可以使用@media print并将其设置为“display:none”正确吗？添加了一个答案，其中包含如何实现它的示例，以及指向MDN文档的链接。谢谢-顺便说一句，我想我刚刚发现，如果我将css代码放入

中，它将无法工作？我将把代码内联到我的标题上。php你听说过

@media print

样式表吗？没有。。。如果有帮助，我会看一看：）这样我就可以使用@media print并将其设置为“display:none”正确吗？添加了一个答案，其中包含如何实现它的示例，以及指向MDN文档的链接。谢谢-顺便说一句，我想我刚刚发现，如果我将css代码放入

中，它将无法工作？我将把代码内联到header.php上