php - 如何打印使用 Jquery 或 PHp 关联的 div 内容和 css

Question

我有一个页面，如：

我需要将黄色div的内容打印到pdf（或直接物理打印机）。我需要像你看到的那样打印 div.. 也使用 css 样式.. 我该怎么做？我在其他帖子中看到他们只打印文本内容..

有人能帮我吗？

Answer 1

您可以为不同的设备类型分配不同的 CSS 属性。例如：

<style type="text/css">
/* all devices */
@media all
{
  #content { display:block;}
}

/* printer specific CSS */
@media print
{
  #content { display:none;}
  #content div#yellow { display:block;}
}
</style>

要打印页面，您可以使用 javascriptwindow.print()方法：

<form>
<input type="button" value="Print this page" onClick="window.print()">
</form>

Answer 2

使用以下代码：

<script type="text/javascript">
        function CallPrint(strid) {
            var prtContent = document.getElementById(strid);
            var WinPrint = window.open('', '', 'letf=0,top=0,width=400,height=400,toolbar=0,scrollbars=0,status=0');
            WinPrint.document.write(prtContent.innerHTML);
            WinPrint.document.close();
            WinPrint.focus();
            WinPrint.print();
            WinPrint.close();
        }
     </script>


<a href="#" onclick="javascript:CallPrint('divID')">Print</a>