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

我有这样一个页面：

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

---

有人能帮我吗？

您可以为不同的设备类型分配不同的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>

---

使用以下代码：

<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>

函数调用打印（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（）；
print.print（）；
WinPrint.close（）；
}

看，这将对您有所帮助。您可以这样定义css：然后？如何打印内容？已更新回复。Javascript

window.print（）

将完成这项工作。

<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>