前端之家收集整理的这篇文章主要介绍了
jQuery-在不丢失CSS样式的情况下打印DIV容器 ，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
阅读了多篇文章,论坛等之后,就到了我来的地步.寻求您的帮助.
我正在尝试在页面中添加“打印”按钮,该按钮在单击时将打印表格.我已经尝试过jqprint(到目前为止是最好的解决方案),但仍然不正确：
页面的布局是一个包含手风琴的选项卡.在该手风琴内部是一个具有多行的表.每行内都有隐藏的div.
当用户单击“打印”按钮时,将显示隐藏的div,然后使用ID作为选择器,调用jqprint来打印表.
在FireFox中：
当我打印为PDF(以节省纸张并与大自然融为一体)时,仅打印表格的前几行.基本上,PDF将包含许多页面,但是我只得到第一个页面,此后没有其他内容.
在Chrome中：
根本不起作用. PDF为空白.
如果您知道jqprint的修复程序或对该问题有任何反馈,请提前感谢.
乔纳森
最佳答案
通常使用不同的样式表(例如,在您的头部元素中：
<head>
...
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<link rel="stylesheet" type="text/css" media="print" href="print.css">
...
</head>
样式表style.css用于在屏幕上设置html样式,而print.css则用于设置要打印的html样式.通过在print.css中提供适当的样式,您可以轻松显示或隐藏html元素以实现所需的输出.
