打印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" />