防止div及其内容被打印

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

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

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

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

<div class="no-print">
  <p>这段内容将不会被打印</p>
</div>

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