jquery打印特定div区域插件printArea样式丢失的问题

在项目开发中有一个需求,将页面特定区域通过打印机打印出来。效果如下所示:

printArea样式丢失

调起打印机的时候预览页面的两列就变成一列了。因为页面采用layui的栅格布局,因此肯定是在使用printarea插件时样式没有加载进去。

百度搜索了一下,很多人遇到类似问题。我尝试在<div id="printarea">标签下用link的方法引入layui的CSS文件,发现其实并没有什么效果。

最终还是老老实实的把layui的样式,以style的形式写在了打印区域div的下方。为了更直观的帮到其他人,所以贴一段代码截图。如下所示。

printArea样式丢失

 

你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!