jQuery.printArea css问题

最新推荐文章于 2024-10-11 07:16:22 发布
最新推荐文章于 2024-10-11 07:16:22 发布
阅读量6.4k 收藏
点赞数 2
分类专栏： Java/JSP/ASP/ 文章标签： css stylesheet div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pipi0714/article/details/8098469
版权
本文详细探讨了使用jQuery.printArea打印页面时遇到的问题，特别是嵌入到页面中的CSS样式在打印时不起作用的现象。通过提供解决方法，即在CSS链接中添加媒体类型为'print'的属性，确保打印时可以正确应用样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用jQuery.printArea打印页面的时候发现了问题。

使用<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />嵌入到页面中的css在打印的时候不起作用。

除非<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css"  media="print" />才可以。这种写法需要两个css而且感觉重复

最好无法只要将style写到页面中OK!

<div style="clear:both;">

....<div style="font-size:24px;text-align:center;clear:both;"></div>

....

....

</div>

试试,OK!

js print 预览样式无效_使用jquery.PrintArea.js打印网页的样式问题
weixin_39880899的博客
12-20 479
在使用jquery.PrintArea.js打印局部网页样式的时候，发现样式打印不出来，在网上找了好多资料，整理一下分享给大家一、先看看css的引用文件方式1、直接在内部的元素中使用”style”属性来定义样式，比如：2、在元素中使用”style”元素来指定3、使用元素链接到外部的样式文件，比如：这三种是比较常见的方式二、第一种方式：直接在内部的元素中使用”style”属性来定义样式，然后调用pr...
js print 预览样式无效_解决jQuery打印插件printArea不显示样式或图片的问题 - YangJunwei...
weixin_39955732的博客
12-20 1846
jQuery有个局部打印的插件 PrintArea，采用的是JSON配置，可以通过popup或者iframe的方式来呈现，使用起来非常简单。相关网址使用方法也非常简单，但有几点需要注意的，我们一起来看看！使用方法1、引入 jquery.js 和 jquery.printarea.js 文件2、在需要打印的区域，添加一个最外层div比如这里是要打印的区域3、在打印区域代码后，加上如下JS代码$('#...
jquery.printArea.js
08-28
调用示例： $(function(){ //给按钮绑定打印事件 $("#btnPrint").bind("click",function(event){ $("#divI").printArea(); ）}； ）}；
使用jQuery和CSS控制页面打印区域
那片田，那片天~~
05-02 7584
使用方法介绍： CSS控制页面打印区域 使用CSS控制打印样式，需要设置样式media="print"，并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中，我将页头页脚及其他不需要打印的元素的样式设置如下： style type="text/css" media="print">  #header,.top_title,#jqprint,#footer,#cs
jqeury打印插件printareajs打印没有样式
开享
08-29 4456
解决办法：样式要放在要打印的内容中
jquery.printArea改进
canlynetsky的博客
07-20 691
百度搜索网页局部打印，很容易找到一个jquery的扩展jquery.printArea，这个扩展代码量很小，不过有一个问题：$(‘#printHtml’).printArea()，的#printHtml如果设置了样式，是不管用的，我改进了一下，代码如下：(function($) { var printAreaCount = 0; $.fn.printArea = function()
为打印输出创建一个CSS样式
梅的css和js窝
07-14 723
可以不必在Web站点上创建一个独立的与打印相关的页面。　　大多数的Web页面都显示在电脑屏幕上，人们通过屏幕观看，但是，有时候用户想要将一些网上的内容打印出来，这就需要与打印媒体连接起来。由于原来采用的是能让Web页面在屏幕上显示的效果很好的那种格式，但在打印时效果并不那么好，Web创建者们通常都会创建一些独立的页面，这些页面与打印机联系紧密，而用户也需要经常打印这些页面。但如果你使用了XHTML
jquery.PrintArea.js-2.4.0-打印功能.rar
08-31
《jQuery PrintArea.js 2.4.0：打造高效便捷的网页打印功能》 在Web开发中，有时候我们需要提供一个方便用户打印特定页面或者部分页面的功能。jQuery PrintArea.js插件是一个优秀的解决方案，它允许开发者轻松地...
免费jquery.printArea.js下载
08-08
jQuery.printArea.js库就是这样一个专门为解决此类问题而设计的JavaScript插件。它为开发者提供了一种简单且高效的方式，使得在网页中实现票据的套打功能成为可能。 jQuery.printArea.js的核心功能在于其能够选择...
网页打印插件jQuery.PrintArea
06-24
网页打印插件jQuery.PrintArea是前端开发者常用的工具之一，它主要针对的是网页内容的打印需求。在现代网页设计中，用户可能需要打印网页中的特定部分，而不是整个页面，这就需要一个能够实现局部打印功能的插件。...
可局部打印的网页打印插件jQuery.PrintArea.zip
09-21
这些选项可以通过传递一个对象作为`$.printArea()`方法的参数来设置，如`$("#myDiv").printArea({css: ["styles.css"], excludeHeaderFooter: true})`。 总结来说，"jQuery.PrintArea.zip"是一个方便的工具，帮助...
jquery.PrintArea:打印页面，局部打印、跳页面局部打印
05-17
#使用的方法：$（element).printArea(option). 参数设置： 1.mode：模式，当点击打印按钮时触发模式，默认为iframe，当设置为popup则会新开一个窗口页面打印。 2.popTitle：设置新开窗口的标题，默认为空。 3....
PrintArea 项目使用教程
最新发布
gitblog_00127的博客
10-11 848
PrintArea 项目使用教程 PrintArea jQuery plugin to print specified area of a page. 项目地址: https://gitcode.com/gh_mirrors/pr...
打印样式CSS的技巧和要点
xiaoweids的博客
07-02 970
转自：微点阅读 https://www.weidianyuedu.com不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果：使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接，以供参考使用css filter 提高打印的图形效果针对打印的样式，而不是屏幕显示样式首先，我们需要使用媒体查询（media query）针对打印样式设置。123@media print {}重新针对打印写CSS样式是没有必要的，
jQuery打印插件jqprint实现打印功能 带打印图片
xueshenghu的专栏
03-18 3872
做打印准考证的功能，使用了JQuery Jqprint 来做。能打印带图片，在chrome 360浏览器下测试能正常使用。 1.页面中需要用到Jquery.js 、jquery.jqprint-0.3.js、jquery-migrate-1.4.1.min.js（兼容文件） 如搭配不好会有版本兼容问题。 2.html页面引入三个js文件。 3.怎么调用jquery.jprint ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值