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元素以实现所需的输出.

相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型&#160;...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...