`

打印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 打印工具 for windows

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

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

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

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

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

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

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

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

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

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

    JAVA的Web打印方式详解 JAVA的Web打印方式是指在Web应用程序中实现打印功能的各种方法和技术。本文将主要介绍使用PageOffice、POI、jacob、html打印等方式来实现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打印设置总结

    本文将深入探讨Web打印设置的几种常见方法,包括直接页面设置打印、利用IEWebBrowser控件实现打印等,旨在为用户提供一个全面且实用的Web打印解决方案。 #### 直接页面设置打印 最直接的Web打印方法是通过浏览器...

Global site tag (gtag.js) - Google Analytics