打印特定的div

Question

我有一个div包含：文本，背景颜色，图像

我想只打印这个div。

我有点无能为力，所以任何帮助都可以提供帮助

感谢。

Answer 1

您需要定义打印样式表。您可以通过以下方式执行此操作：

<link rel="stylesheet" href="your url" type="text/css" media="print" />

在该表格中，您可以指定如何显示打印页面的网站。因此，除了要打印的div之外，您可以将每个元素设置为display:none。

您可以使用以下选择器轻松完成此操作：

* {
    display: none;
}

#printDiv {
    display: block;
}

只需将ID printDiv应用于您要打印的div。

Answer 2

你有什么尝试？

也许这会有所帮助：

您需要创建新样式表print.css并设置CSS media=print

例如：

<style media="screen">
  .noPrint{ display: block; }
  .yesPrint{ display: block !important; }
</style>

<style media="print">
  .noPrint{ display: none; }
  .yesPrint{ display: block !important; }
</style>

将特定div .yesPrint类和所有其他.noPrint。

Answer 3

我最近使用这个JQuery插件做了类似的事情

http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/