有没有办法打印特定DIV的内容

Question

我有一个Pape宽度不同的DIV和一个PRINT链接。 我希望如果用户单击“打印”链接，则应打印特定的DIV而不是整个页面。

Answer 1

我认为您可以使用CSS，如下所示：

@media print {
  body * {
    display:none;
  }

  #divToPrint {
    display:block;
  }
}

但我认为并非所有浏览器都支持此功能。 替代方法是在新窗口中打开DIV的内容，然后打印该窗口。

Answer 2

使用印刷媒体样式表来设置要display: none所有其他内容display: none 印刷 （您需要以这样的方式构造标记：要印刷的任何东西都不是要印刷的东西的后代）。

在div元素上切换类名称，以选择要打印的类名称。