jQuery-在不丢失CSS样式的情况下打印DIV容器

前端之家收集整理的这篇文章主要介绍了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元素以实现所需的输出.

原文链接:https://www.f2er.com/css/530840.html

猜你在找的CSS相关文章