打印聊天链接在Chrome随着页面内容，这是一个错误

本文关键字：错误 一个 链接 聊天 Chrome 打印 | 更新日期: 2023-09-27 17:54:15

我有一个网页(Angular html5, css3, mvc made)，它有一些内容在里面。用户可以打印(没有单独的打印按钮，但可以右键单击并选择打印)。现在，它打印内容，但随着内容，它也打印标题或聊天链接的内容(当你点击它时打开的小弹出框)。我不想打印这个灯箱的标题或内容，这是在IE, Firefox中的情况，但在Chrome中它也打印灯箱内容:(

在我的搜索，我发现这个，帮助我，但我不知道在哪里使用无打印类，因为我没有一个单独的打印按钮或功能在我的代码。

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

请帮

打印聊天链接在Chrome随着页面内容，这是一个错误

您可以将no-print类应用于您希望在用户打印时隐藏的元素，例如聊天窗口。

<header class="no-print">
    <h1>My app</h1>
</header>
<p>Content</p>
<div class="no-print">
    <h1>Chat popup</h1>
</div>

内容可以打印，但是标题和对话框不能打印。

相关文章：