DASH plotly bootstrap 在打印时隐藏 div

Question

我在 Heroku 上使用 DASH 应用程序，它要求用户以 PDF 格式打印页面。我正在寻找浏览器中的 'save to pdf' 选项，但是，一个简单的页面打印包含 Div 不需要的元素，例如按钮。我正在使用 DASH BootStrap 组件，但我在其文档中没有看到任何 .d-print-none（打印显示）选项。有没有办法在打印时隐藏 div 元素？为基本问题道歉。

Answer 1

您可以为每个要隐藏的项目指定一个 className，然后使用如下内容设置样式表：

@media print {
  .print-class { 
    display: none;
  }
}