`

打印web页面

阅读更多
打印HTML文档总是会出现问题。在CSS2中,我们可以借助打印属性让打印web内容更容易一些。

page : auto | pagetype

page-break-after : auto | always | avoid | left | right | null

page-break-before : auto | always | avoid | left | right | null

page-break-inside : auto | avoid

marks : none | crop || cross

orphans : number

size : auto | portrait | landscape | length

widows : number



当然除了上述办法以外,我们还可以通过控制设备类型,针对不同设备读取不同样式.

Media Type

设备类型     版本 兼容性 简介
all        CSS2 IE4+ 用于所有设备类型
aural      CSS2 NONE 用于语音和音乐合成器
braille    CSS2 NONE 用于触觉反馈设备
embossed   CSS2 NONE 用于凸点字符(盲文)印刷设备
handheld   CSS2 NONE 用于小型或手提设备
print      CSS2 IE4+ 用于打印机
projection CSS2 NONE 用于投影图像,如幻灯片
screen     CSS2 IE4+ 用于计算机显示器
tty        CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端
tv         CSS2 NONE 用于电视类设备




*注: 倘若是需要页面全部输出打印,则需要将代码



改为代码


<link rel="stylesheet" type="text/css" media="all" href="css/aboutus.css" /> 

倘若还没能打印全部页面,就打开IE浏览器进入IE->工具->Internet选项->高级->打印    选中打印背景颜色和图片,这样就ok啦!


<link rel="stylesheet" type="text/css" media="screen,projection" href="css/aboutus.css" /> 

<link rel="stylesheet" type="text/css" media="print" href="css/print.css" /> 
分享到:
评论

相关推荐

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览 JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法: 第一种方法:使用CSS隐藏不打印内容 在这个方法中,我们可以...

    js打印Web页面

    ### js打印Web页面知识点详解 #### 一、概述 JavaScript 提供了多种方式来实现 Web 页面的打印功能。本文档将详细介绍三种常见的方法,并提供具体的实现步骤与代码示例。 #### 二、指定不打印区域 这种方法适用于...

    js打印WEB页面内容代码大全[整理].pdf

    以下是对三种JavaScript打印WEB页面内容代码方法的详细解释: 1. **指定不打印区域**: 这种方法利用CSS媒体查询(Media Queries)来隐藏不想在打印时出现的内容。在CSS中定义一个类`noprint`,将不需要打印的元素...

    web页面批量打印

    在Web页面中,这通常通过调用浏览器的打印预览功能实现。例如,可以使用JavaScript的`window.print()`方法来打开打印对话框,展示即将被打印的页面效果。 三、分页处理 分页是批量打印中的关键部分,尤其是当每个...

    WEB页面打印excel报表

    本文将详细介绍如何在WEB页面上实现Excel报表的打印,通过一个简单的示例来帮助开发者理解和应用这一技术。 首先,我们需要理解Web打印的基本原理。在Web环境中,打印功能通常通过浏览器的打印API或者JavaScript库...

    实现web网页的打印功能

    综上所述,实现基于C#和.NET的Web页面打印功能,关键在于利用JavaScript和CSS来定制打印样式和区域,同时结合C#服务器端的支持。通过合理的前端设计和后端交互,可以提供用户友好的打印体验,满足不同的业务需求。在...

    JasperReports -- 客户端打印(WEB网页打印)

    5. **客户端交互**:当用户访问Web页面时,浏览器加载Applet,然后Applet接收到服务器传递的`JRPrintStream`数据,通过`JasperPrintManager`来打印。 6. **安全性和权限**:由于Applet需要访问用户的本地打印机,...

    C#打印网页内容

    ### C# 使用 WebBrowser 控件打印网页内容 在.NET Framework 中,C# 语言提供了丰富的控件库,其中 `WebBrowser` 控件是用于显示 HTML 内容的强大工具之一。利用该控件不仅可以加载和浏览网页,还可以实现对网页...

    ScriptX web页面打印工具

    可以设置 横向 纵向 页眉 页脚 打印 web页面 打印工具

    web页面的标签打印(套打)

    在IT行业中,Web页面的标签打印,也称为套打,是一项关键的技术应用,尤其是在物流、零售、医疗等需要大量标签的行业中。这项技术允许用户从Web应用程序直接打印各种类型的标签,如条形码、二维码、产品信息、价格...

    杰表云打印 web 打印工具 for windows

    打印Web上的 Word、Excel、PowerPoint、WPS、PDF文档; 通过 Javascript API 实现一键打印,无须人工干预; 让用户运行时调整打印位置; 实现打印内容的 PDF 导出等。; 杰表云打印是在本公司第一代WEB打印工具...

    非常好用的web打印插件 , 可以热敏打印

    在IT行业中,Web打印插件是一种非常实用的工具,它允许用户通过网页浏览器直接进行打印操作,无需离开当前页面或下载文件到本地。本篇将详细介绍一个被评价为“非常好用”的Web打印插件,特别适合热敏打印,并提供...

    JAVA的Web打印方式(PageOffice、POI、jacob,html打印等)

    JAVA的Web打印方式详解 JAVA的Web打印方式是指在Web应用程序中实现打印功能的各种方法和技术。本文将主要介绍使用PageOffice、POI、jacob、html打印等方式来实现Web打印。 一、使用浏览器自带的打印功能直接打印 ...

    C#实现简单的Web打印控件

    Web打印控件对于Web应用程序来说是至关重要的,它允许用户在浏览器环境中直接打印网页内容,而无需通过复制粘贴到其他应用程序中。传统的Web打印常依赖于ActiveX控件,但随着浏览器安全性的提升,这种技术逐渐被替代...

    免费web打印控件免费web打印控件

    Web打印控件是一种在网页上实现打印功能的技术解决方案,它允许用户无需下载任何客户端软件就能直接从浏览器打印网页内容。标题“免费web打印控件”指的是这样一种工具,它可以为网站提供无成本的打印功能,使得访问...

    asp.net实现web打印功能

    在ASP.NET中实现Web打印功能是一项常见的需求,它允许用户直接从网页上打印内容而无需先下载文件。本文将深入探讨如何在ASP.NET环境中构建这一功能,并基于描述中的"print.html"文件,推测这是一个用于演示Web打印...

    楚琳Web打印控件、源码、使用说明

    楚琳Web打印控件是一款专为网页打印设计的软件组件,它使得在Web应用程序中实现打印功能变得更加便捷和高效。这款控件不仅提供了基础的打印服务,还包含了源码,以便开发者可以深入理解其工作原理并进行定制化开发。...

    web 票据打印 ie web 票据打印

    用户在Web页面上触发打印操作后,服务器会将票据数据转换成适合打印的格式,如HTML、PDF或图片,然后通过HTTP响应返回给客户端。客户端接收到数据后,利用浏览器的打印功能将其呈现到打印机上。 二、IE Web票据打印...

    WEB应用程序,不预览,直接打印

    `LodopFuncs.js`是LODOP的JavaScript接口文件,通过引入这个文件,可以在Web页面中调用LODOP的各种功能。 4. **LODOP使用**:使用LODOP,可以通过JavaScript代码控制打印的细节,比如设置打印机、纸张大小、页边距...

Global site tag (gtag.js) - Google Analytics