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

Question

i have a page like:

and i need to print to pdf ( or physical printer directly ) the content of yellow div. I need to print the div like you see.. with css style too.. how can i do it? i see in other post that they print only text content..

Can someone help me?

Answer 1

You can assign different CSS properies for different device types. For example:

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

To print a page you can use javascript window.print() method:

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