首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

防止div及其内容被打印

防止 div 及其内容被打印可以通过使用 CSS 的 @media print 规则来实现。在 CSS 文件中,可以添加以下代码:

代码语言:css
复制
@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}

这段代码定义了一个 @media print 规则,当用户打印页面时,这个规则会生效。在这个规则中,我们选择了 .no-print 类及其所有子元素,将它们的 display 属性设置为 none。这样,在打印页面时,所有带有 .no-print 类的 div 及其内容都将被隐藏。

接下来,只需要在需要隐藏的 div 上添加 .no-print 类即可。例如:

代码语言:html
复制
<div class="no-print">
  <p>这段内容将不会被打印</p>
</div>

这样,当用户打印页面时,这个 div 及其内容就会被隐藏。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券