创建打印页面

把原有样式进行修改，然后利用media="print"应用到页面中；

一个HTML文档可以对应多个CSS，当然一个CSS也可用在多个HTML文档上；

1 <link rel=stylesheethref="http://www.dhtmlet.com/dhtmlet.css" type="text/css"media="screen"/>

<link rel=stylesheethref="print.css" type="text/css"media="print"/>

2 @import uri(print.css) print,projection;

3 <style type="text/css">

@ media print{

{

}

}

@ media screen{

{

}

}

</style>

1 使用适当的字体和字号，使用磅而不是像素，因为前者适合打印；

2 隐藏边栏和广告等不需要打印的部分；

3 取消背景颜色和图像，并且使用在黑白打印时效果比较好的颜色；

4 适当的外边距；

5 控制换页和其他打印特有的属性；

6 要向访问者解释打印版本和屏幕效果之间有何差异及其原因；

7 通过打印预览查看效果；

关于控制换页：

1 防止元素被分隔在两个打印页上的方法：在样式表规则中，通过page-break-inside:avoid.

2 控制在元素前后进行换页的方法：page-break-before:always\avoid\auto或page-break-after:always\avoid\auto;

always：总是在选择的元素之前或之后换页；

avoid:只在绝对必要时才在选择的元素之前或之后进行换页；

auto：让浏览器决定在哪里进行换页；

div内的强制换行   如果不间隔输入同一个单词，则不会换行，因为默认是一个单词；

word-break:break-all;

word-warp:warp;