如何打印内联CSS样式?

前端之家收集整理的这篇文章主要介绍了如何打印内联CSS样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法打印css样式,这是内联?

我用这段代码打印部分代码

@H_502_4@w=window.open(); w.document.write($('#printable').html()); w.print(); w.close();

我可以使用外部文件并使其成为media = print,但是html的一部分是由PHP生成的字符,我可以通过为每个可能的结果制作类来实现它,但那将是痛苦的.

有任何想法吗?谢谢.

解决方法

参见演示: http://jsfiddle.net/rathoreahsan/x69UY/

如果你喜欢这个,你觉得怎么样:

@H_502_4@<div id="printableDiv"> <style type="text/css"> @media print { #printable { color: red; // Any Other style you want to add } } </style> <div id="printable"> This Text will print in red color. </div> </div>

Javascript / jQuery代码

@H_502_4@w=window.open(); w.document.write($('#printableDiv').html()); w.print(); w.close();

在这种情况下,弹出窗口打开并获取printableDiv的HTML时,打印机的样式将包含在该弹出窗口中,以便打印机从弹出窗口中读取样式并以此方式打印.

猜你在找的CSS相关文章