DASH plotly bootstrap 在打印时隐藏 div

Question

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

Answer 1

你可以给每一个你想隐藏的项目指定一个className，然后用这样的东西设置一个样式表：

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